html{height:100%}body{display:flex;flex-direction:column;font-family:monospace;font-weight:700;font-size:1.5em;background-attachment:fixed;background-color:#bcd765;background-image:url(/background.png);background-position:100% 0;background-repeat:no-repeat;background-size:100vh;margin:0;width:100%;height:100%}nav{align-items:stretch;background-color:#222;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;margin:0;width:100%}nav a{border:solid 1px #333;color:#888;padding-left:.25rem;text-decoration:none;width:100%}nav a.active{background-color:#285577;border:solid 1px #4c7899;color:#fff}footer{background-color:#222;color:#fff;padding-right:.25rem;border:solid 1px #333;text-align:right}footer p{margin:0}main{width:100%;height:100%;opacity:.75;font-weight:700;color:#fff;overflow-y:scroll}code{margin:0;padding:0;text-wrap:wrap}pre{height:100%;margin:0}div.highlight{height:100%}