JSFiddle - React, Tailwind, and code Playground

HTML

<body>
	<div id="main">
    	<p></p>
    </div>
    <nav>
    	<ol>
	        <li><a href="home.php">Home</a></li>
	        <li><a href="Info.php">Info</a></li>
	        <li><a href="projects.php">Projects</a></li>
	        <li><a href="contact.php">Contact</a></li>
        </ol>    
    </nav>

CSS

/* CSS Document */

/******************************************* 
				Clear body
*******************************************/

body, h1, h2 {
	margin: 0;
	padding: 0;
}


/******************************************* 
				body
*******************************************/

body {
	background-color: #666;
}


/******************************************* 
				Headlines
*******************************************/

h1 {

}

h2 {

}


/******************************************* 
				p etc
*******************************************/

p {
	height: 90%;
}

/******************************************* 
				Linkss
*******************************************/

a:link {
	font-family: 'Iceland';
  	font-style: normal;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #666;
}

a:visited {
	color: #666;
}

a:hover {
	color: #F90;
}

a:active {

}


/******************************************* 
				Navigation
*******************************************/

nav {
	width: 100%;
	bottom: 0;
	left:0;
	height: 10%;
    text-align: center;
	background-color: #333;
    overflow: hidden;
    position:fixed;
}

ol {
	list-style: none;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

li {
	display: inline;
	margin-right: 40px;
    text-align: center;
	vertical-align: middle
}

li a{
}


/******************************************* 
				Class
*******************************************/



/******************************************* 
				ID's
*******************************************/

#main {
	background-color: #C90;
	width: 90%;
	height: 80%;
	margin: 5% auto;
}