JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <header class="container" id="welcome">
        <p class="title">Hello,</p>
        <p class="title">I'm <span id="name">Noah</span>&mdash;</p>
        </header>
    </body>

CSS

span{margin:0;
    padding:0;
}
html, body{
        margin:0;
        padding:0;
        font-size:16px;
        }
        .container{
        height:342px;
        width:100%;
        padding-top:2em;
        padding-left:2em;
        background:#ffffff;
        background:rgb(255, 255, 255);
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
       box-sizing:border-box;
       color:#333333;
       color:rgb(51, 51, 51);
       font-family:'Trend';
       font-size:120%;
       font-size:1.2rem;
       *behavior:url(../scripts/boxsizing.htc);
    }
    #welcome{
        background:#8cc047;
        background:rgb(140, 192, 71);
    }
.title{
    clear:both;
    float:left;
    display:inline;
}

#welcome p.title{
        margin:0;
        font-size:225%;
        font-size:2.25rem;
    }
    #name{
        
        font-family:'Cubano-web',Cubano,'Trend';
        
    }