JSFiddle - React, Tailwind, and code Playground

by Nathan Piper

HTML

<body>
    <hr width="50%" size="3" ; noshade>
     <h1 style="font-family: Comic Sans MS; font-size: 40px; color: white; text-align: center;">More </h1>
  <div id="line">
    <hr width="50%" size="3" ; noshade>
    <div style="text-align: center" id="menubar1"> <a href="http://jsfiddle.net/bign9/udL7P/3/embedded/result/">Home </a>  <a href="#">Our   Mission </a>  <a href="#">Staff   Contact </a>  <a href="#"> More.. </a>
 </div>
        <hr width="75%" size="3" noshade>
            <h3 style="color: white; text-align:center">
                <p>Here are some examples of what we have built.</p>

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: Comic Sans MS;
     font-size: 17px;
     background:#333;
     padding: 12px 24px;
     color: white;
    border-radius: 5px;
    margin-right: 70px;
    transition: background 0.3 linear 0s, color 0.3 linear 0s;
    
 }
div#menubar1 > a:hover {
    background: gray;
    color: white;
    
}