body

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: ;
}

li
{
	float: center;
}
li a{
	display: block;
	color: black;
	text-align: center;
	padding: 0%;
	text-decoration: none;
	background-color: orange;
}
{
	margin: 0px;
}

.reset-settings
{
	clear: both;
}

#container
{
	width: auto;
	higher: auto;
}

.top
{
	text-align: center;
	float: left;
	padding-top: 0.9%;
    padding-bottom: 0.5%;
    padding-left: 0.4%;
    padding-right: 0.4%;
	width: 99.2%;
	background: linear-gradient(#0014ff, #00dcff);
}

#top-left
{
	width: 20%;
	float: left;
}

#top-center
{
	width: 60%;
	float: left;
}

#top-right
{
	width: 20%;
	float: left;
}

#logo
{
	width: 100%;
}

.menu-bar
{
	text-align: center;
	float: left;
	padding-top: 0.5%;
    padding-bottom: 0.5%;
    padding-left: 0.4%;
    padding-right: 0.4%;
	width: 99.2%;
	background: #0095ff;;
}

#menu-bar-left
{
	width: 30%;
	float: left;
}

#menu-bar-center
{
	width: 60%;
	float: left;
}

#menu-bar-right
{
	width: 10%;
	float: left;
}

#login-button 
{
    padding: 2% 5.5%;
    border-radius: 7px;
}

.button
{
	background: #b400ff;
	text-decoration: none;
	color: black;
}

.button:hover
{
    background: #d97eff;
}

.button:active
{
    background: #ffd664;
}

#content
{
	padding: 5% 15%;
}

#footer
{
	background: #0095ff;
    padding: 0.2%;
}