body,footer,header,div,nav,ul,li,a,p,h1,h2,h3,h4,h5,h6,pre,code,span,svg{font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;border:0;margin:0;padding:0}html,body{height:100%;margin:0}body{color:#fff;background:#181818;grid-template:"left-menu header"3em"left-menu main"1fr"footer footer"3em/auto 1fr;max-height:100vh;font-family:Droid Sans Mono,"monospace",monospace;font-size:14px;display:grid}@media only screen and (max-width:1000px){body{grid-template:"left-menu""header"3em"main"1fr"footer"3em/1fr}svg.logo{margin:0;padding:2em 0}}main{color:#fff;counter-reset:line;background:#1f1f1f;grid-area:main;grid-template-rows:auto 1fr;grid-template-areas:"header""content";max-height:calc(100vh - 6em);display:grid}main h2::first-of-type{grid-area:"header"}main h2{margin:10px;padding:.5em 2em}main article{grid-area:"content";overflow:hidden auto}main a.call-me{text-align:center;background:#ccc;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;margin:-.5em .5em;padding:.5em 1em;text-decoration:none;display:inline-block}main a.call-me,main a.call-me:link,main a.call-me:visited{color:#181818}main a.call-me:hover{color:#ccc;background:#1f1f1f;border-top-color:#ccc;border-bottom-color:#ccc}main ul li{margin:0;padding:0}main pre,main ul{white-space:normal;color:#ccc;width:100%;margin:0;padding:0}main pre span,main pre li,main ul span,main ul li{padding-left:0;line-height:1.2rem;display:block}main pre span:before,main pre li:before,main ul span:before,main ul li:before{counter-increment:line;content:counter(line);color:#6e7681;text-align:right;border-right:1px solid #404040;width:1.5em;margin-right:.5em;padding:0 .5em;display:inline-block}main pre li,main ul li{position:relative}main pre li:before,main ul li:before{margin-right:2.5em}main pre li:after,main ul li:after{content:" ";border-left:1px solid #404040;width:1px;height:1.4em;padding:0;display:inline-block;position:absolute;top:-1px;left:4em}.left-menu{text-align:center;background:#181818;border-right:1px solid #2b2b2b;grid-area:left-menu}.top-menu{background:#181818;grid-area:header}.top-menu svg{vertical-align:middle;width:1.5em;height:1.5em;margin-top:-2px;padding-right:.5em;display:inline-block}.top-menu ul{background-color:#181818;margin:0;padding:0;list-style-type:none;display:flex;overflow:hidden}.top-menu ul li{color:#fff;white-space:nowrap;border-top:1px solid #2b2b2b;border-bottom:1px solid #2b2b2b;border-right:1px solid #2b2b2b;height:3em;text-decoration:none;display:block}.top-menu ul li:hover{background-color:#1f1f1f}.top-menu ul li.active{background-color:#1f1f1f;border-bottom-color:#1f1f1f}.top-menu ul li a{color:#fff;height:3em;padding:.8em 2em;text-decoration:none;display:block}.top-menu ul li:last-of-type{flex:1}footer{text-align:center;background:#181818;border-top:1px solid #2b2b2b;grid-area:footer;height:2em;padding:.5em}.logo{color:#fff;width:16em;padding:5em 2em}h1+.subtitle{margin-top:-1em;display:block}p{margin:0;padding:0}