body {margin: 0;} ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #8bd3dd; } ul.topnav li {float: left;} ul.topnav li a { display: block; color: #001858; text-align: center; font-family: monospace; font-size: 1em; padding: 14px 16px; text-decoration: none; } ul.topnav li a:hover:not(.active) {background-color: #f582ae;} ul.topnav li a.active {background-color: #f582ae;} ul.topnav li.right {float: right;} @media screen and (max-width: 600px) { ul.topnav li.right, ul.topnav li {float: none;} } body { background-color: #FEFFEF; color: #000000; } body.status_page { background-color: #B6BDBD; color: #000000; } body { font-size: 1em; } p { font-family: monospace; } input { font-family: monospace; } button { font-family: monospace; } h1, h2, h3, h4, h5, h6 { font-family: monospace; }