JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="container">
		<div id="intro">
				<div id="pageheader">
				<h1>
					<span>
					Lolka in Asshole
					</span>
				</h1>
                 <h2>
                     <span>
                         adventure time 
                     </span>
                 </h2>    
				</div>
		</div>
    <div id="dontspeak">
        <span class="lol"> my dog's name is Jake :P</span>
    </div>
</div>
</body>

CSS

body{
background:#FF7F66;
margin:0;
}

#container{
background:#3E454C;
width:960px;
margin:0 auto;
border-radius:10px;
    overflow: hidden;
}

#pageheader{
height:120px;
position:relative;
border:2px solid white;
border-radius:10px;
}

h1{
color:white;
position:absolute;
left:50px;
top:30px;
font:300% Helvetica, sans-serif;
letter-spacing:7px;
}

h2{
color:white;
position:absolute;
top:80px;
left:50px;
letter-spacing:7px;
}
#dontspeak{
    background-color: #ff0;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #e90e8f;
    }

.lol{
margin-left:49px;
text 
}