:root{--background-color:#383838;--nav-background-color:#1a1d1e;--content-background-color:#1b1e1f;--accent1-color:#72ff63;--accent2-color:#2d3234;--accent3-color:#708090;color:#f8ffff;font-family:"Monospace",monospace,sans-serif}html{height:100%}body{align-content:stretch;background-color:var(--background-color);flex-direction:column;justify-content:space-between;min-height:100%;padding:0;width:100%}body,nav ul{display:flex;margin:0}nav ul{background-color:var(--nav-background-color);border-bottom:thin solid var(--accent3-color);flex-direction:row;height:64px;justify-content:flex-start;list-style:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");text-align:center}nav li:nth-last-of-type(-n+2){margin-left:auto}nav li:nth-last-of-type(-n+1){margin-left:0}nav li{display:inline-block;font-size:1em;list-style:none;margin:.5em;padding:0}nav li a{background-color:var(--nav-background-color);color:var(--accent1-color);display:block;font-size:larger;font-weight:700;padding:.6em;text-decoration:none;transition:all .165s ease-in}[aria-current=page]{background:var(--accent2-color)}nav li[aria-current] a{background-color:var(--accent2-color)}nav a:focus,nav a:hover,nav li[aria-current] a:focus,nav li[aria-current] a:hover{background-color:var(--accent1-color);color:var(--nav-background-color)}main{align-items:stretch;background:var(--background-color);display:flex;flex:1 1 auto;flex-direction:column}main section{background:var(--nav-background-color);display:flex;flex:1;flex-direction:column;margin:auto;padding:0 1em;width:100vw}@media (min-width:45em){main section{padding:4em 2em;width:70vw}}footer{align-items:center;background:var(--nav-background-color);border-top:thin solid;color:var(--accent3-color);display:flex;flex:0;flex-direction:row;justify-content:center;min-height:80px}