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 { display: block; height: 20px; width: 40%; background: #FF8C00; border: 2px solid rgba(33, 68, 72, 0.59); color: rgba(0, 0, 0, 0.55); text-align: center; font: bold "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 100%; background-color: #FF8C00; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 8px 0 #995400; -moz-box-shadow: 0 8px 0 #995400; box-shadow: 0 8px 0 #995400; text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); } .button:hover { background-color: #995400; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: 0 8px 0 #995400; -moz-box-shadow: 0 8px 0 #995400; box-shadow: 0 8px 0 #995400; text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2); } .button:active { background: #e67e00; } #content { padding: 5% 15%; } #footer { background: #0095ff; padding: 0.2%; }