JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<div id="header">
    <header><a href="#">Diamonds</a></header>
</div>
<div class="content"></div>

CSS

@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic);

body{
    background: whiteSmoke;
    color: #252525;
    font: normal normal 16px/1.5 "freight-sans-pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-family: 'Playfair Display', serif;
}

#header{
    background:#333;
}
header{
    display: inline-block;
}
header a{
    display: block;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 24px;
}