JSFiddle - React, Tailwind, and code Playground

by Nathan Piper

HTML

<body>
    <hr width="50%" size="3" ; noshade>
   

     <h1 style="font-family: Reboard; font-size: 40px; color: white; text-align: center;">A    l     k   e    m    i    e  </h1>

    <hr width="50%" size="3" ; noshade>
    <div style="margin:0 auto; text-align:left; width:600px;">
        <p style="font-family:   Futura std book ; font-size: 20px; color: white; text-align: left;">"Get your head out of your ass, so you can see whats ahead." <i><b>- Leslie Piper</b></i> 
        </p>
    </div>
    <hr width="50%" size="3" ; noshade>
    <div style="text-align: center" id="menubar1"><a href="#">Home </a><a href="#">Our   Mission </a>  <a href="#">Staff   Contact </a>  <a href="#"> More.. </a>

    </div>

CSS

body {
     background-image: url('http://wallpaperscraft.com/image/dark_black_and_white_abstract_black_background_76353_1280x800.jpg?orig=1');
 }
 div#menubar1 {
     padding: 24px;
     border: #999, 1px;
 }
 div#menubar1 > a {
     font-family: Reboard;
     font-size: 17px;
     background:#333;
     padding: 12px 24px;
     color: #080808;
    border-radius: 5px;
    transition: background 0.3 linear 0s, color 0.3 linear 0s;
    
 }
div#menubar1 > a:hover {
    background: #7F7F7F;
    color: #FFF;