JSFiddle - React, Tailwind, and code Playground

HTML

<header>
<div class="wrap nopad">
<h1>Share and Listen to Music.</h1>
<form>
<input type="email" placeholder="Email address to get started"><input type="submit" value="Get Started">
</form>
</div>
</header>

CSS

body {
    background-color: #1B1B1E;
    color: #fff;
    margin:0;
    padding: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.wrap {
    width:685px;
    padding:0 15px;
    margin:0 auto;
    display: block;
}
.wrap.nopad {
    width:700px;
    padding: 0;
}