body { font-family: Roboto, sans-serif; background-color: #242424; color: #A6A6A6; } header { } nav { display: inline-block; background-color: #141414; width: 100%; padding: 5px; } nav ul { list-style-type: none; padding: 0; margin: 0; } nav ul li { float: left; margin: 0px 5px; } nav ul li a { display: block; color: white; background-color: #888; text-decoration: none; padding: 15px 24px; } nav ul li a:hover { background-color: #005c75; } .nav-cur { background-color: #008cff; transform: translate(0px, 10px); } .nav-cur:hover { background-color: #00bcff; } .content { display: block; min-height: 200px; position: relative; } .center { position: absolute; left: 50%; transform: translate(-50%); } .hcenter { text-align: center; } .hvcenter { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }