JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icons"><p>Icons</p></div>

<ul class = "buttons">
<button id="LogIn" type="button">Log In</button>
<button id="SignUp" type="button">Sign Up</button>
</ul>


<div class="container">
<h2 class="intro">America's source for....</h2>
<ul class="selector">
    <li class="active"><a href="#">Ds</a></li>
    <li><a href="#">Cs</a></li>
    <li><a href="#">Or</a></li>
</ul>
 </div>

CSS

* {
box-sizing: border-box;
margin: 0px;
padding:0px;
font-family: Calibri, Helvetica, sans-serif;
}
body {
background-color:#ffffE0;
}
header {
background-color: #AA0000;
height: 75px;
padding: 15px;


}
.icons{
float: left;
margin-left: 100px;
}

.buttons {
text-align: right;
margin-right: 300px;

}
.container {
background: url("http://lorempixel.com/200/200/") no-repeat;
background-size:cover;
background-position: center top;
height: 2000px;
width: 2000px;
}