JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><img src="http://i1172.photobucket.com/albums/r574/JoshPullen27/scratch_icon_zps38956a47.png" id="toplogo"/></a>

<nav> <span><a href="#">Home</a></span>
 <span><a href="#">About</a></span>

    <div></div> <span><a href="#">Games</a></span>
 <span><a href="#">Contact</a></span>
</nav>
<div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo pariatur amet eum sint voluptatum mollitia voluptas ad veritatis. Praesentium excepturi ipsum veniam magnam ea facilis labore error iste sequi voluptatum atque perspiciatis similique nostrum id nihil libero culpa numquam nulla architecto eligendi vero expedita sit officiis cumque doloremque natus aut reiciendis obcaecati ut delectus molestiae aperiam tenetur dolorum a quo quaerat inventore! Nihil aperiam itaque quae atque voluptatibus facere quod repudiandae delectus alias veniam officiis dolorem architecto sunt velit iure illum asperiores odio iste quia nesciunt repellendus voluptates odit iusto perspiciatis maxime error nulla aut consequuntur sint sed dolor consequatur blanditiis similique ullam temporibus soluta enim exercitationem necessitatibus cupiditate ex expedita ipsum. Soluta maxime vitae natus consectetur cumque eum iure reiciendis ut harum id incidunt ullam magnam atque quam omnis blanditiis sit accusantium labore enim eius accusamus tempora asperiores sint? Ipsam magni reprehenderit fugit molestiae quaerat doloribus porro explicabo soluta. Minima ad laboriosam molestias aliquid nisi fugiat ipsam earum veniam impedit nobis a amet itaque corporis. In nulla temporibus at error modi veritatis iure provident ipsa quo maiores quam eligendi velit et deleniti magnam. Quos voluptatibus aperiam harum ipsa neque iste accusamus fugiat nemo alias reiciendis. Facere voluptatibus incidunt laudantium et provident temporibus aut. Provident veritatis placeat quas consectetur omnis iusto neque eaque optio sed facilis eligendi ducimus adipisci ratione ut quia laboriosam cumque est...

CSS

* {
    margin:0px;
    padding:0px;
}
body {
    background:white;
    margin:60px 100px 0px 100px;
}
nav {
    text-align:center;
    background:rgba(255, 255, 255, .95);
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
}
nav a {
    color:#333;
    text-decoration:none;
}
nav a:hover {
    text-decoration:underline;
}
nav span {
    display:inline-block;
    margin:20px 5px;
    width:50px;
}
nav div {
    display:inline-block;
    width:50px;
}
#toplogo {
    position:fixed;
    top:5px;
    left:50%;
    margin-left:-25px;
    width:50px;
    height:50px;
    border-radius:100%;
    transition:.3s;
    z-index:999999;
}
#toplogo:hover {
    top:0px;
    border-radius:0px;
    width:60px;
    height:60px;
    margin-left:-30px;
}

@media all and (min-width: 1320px) {
  body {
    margin-right:200px;
    margin-left:200px;
  }
}