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;"> Our Mission  </h1>
  <div id="line">
    <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>
        <hr width="75%" size="3" noshade>
            <p style="color: white; font-family: Comic Sans MS; margin: 40px; font-size: 23px">
                Our mission is to satisfy our customers with whatever design they need. We are experienced minecraft builder and website programmers. We want you to have the best minecraft server so we make you the best spawn or whatever else you need. We also will build websites very well so whatever you need to be done on a website we will do. All we care about is getting the job done fast and the best we can. And if you don't like it, we will change it.

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;
    
}