body{background-color:#2d2d2d;color:#eee;font-family:sans-serif;line-height:1.5;max-width:55vw;min-height:100vh;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;display:flex;flex-direction:column;padding-left:10px;padding-right:10px}header{display:flex;align-items:center;margin-bottom:15px;margin-top:25px;border-bottom:1px solid #ccc;width:100%}header .logo h1{margin:0;line-height:1.15}header span.username{font-weight:400;font-style:italic;font-size:10pt;line-height:1.5}header nav{margin-left:auto;margin-top:auto;margin-bottom:auto}header nav ul li{display:inline}main{flex:1;word-wrap:break-word;overflow-wrap:break-word;overflow-x:auto}pre{box-sizing:border-box;overflow-x:auto;max-width:100%}footer{border-top:1px solid #ccc;margin-top:15px}a{color:#eee;text-decoration:none;margin-left:5px}a.active{color:#888}@media only screen and (max-width:750px){body{max-width:100%}}