JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>WallWave - See it for yourself</title>
        <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans' rel='stylesheet' type='text/css'>
    </head>
    
    <body>     
    
    
    <form action="/"  method="POST">
        <input type="text" id="firstName" name="firstName" required="required" maxlength="255"/>
        <input type="submit" value="Sign Up"/>
    </form>      
    
    </body>
    
</html>

CSS

input[type='text'] {
    font-family: 'Quattrocento Sans', sans-serif;
}