JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <div id="menu">
<strong>


	<a href="index.html" style="text-decoration:none">Home</a>
<strong>
</div></nav>
        
    <body>
<div id="headertop">
	<h1>THANKS</h1>
        </div>
        </body>

CSS

nav {

    background-color: #262626;
    
    z-index: 500;

    height: 60px;

    width: 100%;

    position: fixed;

    top: 0;

    bottom: 0;

    -webkit-box-shadow: 0px 0px 8px 0px #000000;

    -moz-box-shadow: 0px 0px 8px 0px #000000;

    box-shadow: 0px 0px 8px 0px #000000;

}

nav a {

    font-family:'Open Sans', sans-serif;

    font-size: 16px;

    line-height: 60px;

    text-transform: uppercase;

    margin: 7px;

}

nav a:link {

    color: #C8C8C8;

    -o-transition:.5s;

    -ms-transition:.5s;

    -moz-transition:.5s;

    -webkit-transition:.5s;

    transition:.5s;

}

nav a:visited {

    color:#C8C8C8;

}

nav a:hover {

    color: #199ABA;

}

#menu {

    margin-right: 375px;

    margin-left: 375px;

    text-align: right;

    margin-top: 0px;

    margin-bottom: 0px;

}

#headertop {
	margin: 0px;
	width: 100%;
	height: 650px;
	font-family: 'Open Sans', sans-serif;
}

#headertop h1 {
	position: absolute;
	margin-left: 375px;
	margin-right: 375px;
	margin-top: 178px;
	line-height: 45px;
	font-size: 50px;
	color: #33CCFF;
	width: 550px;
	height: 100%;
}