*{outline:none;margin:0;padding:0;border:0;text-decoration:none;box-sizing:border-box;font-family:monospace}
.hidden{display:none}
.sticky{position:sticky}
html,body{width:100%;width:100vw;height:100%;height:100vh;display:inline-flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}
body>header{width:100%;height:50px}
body>article{position:absolute}
body>div {width:100%;flex-grow:1;display:flex}
body>div>aside {width:230px}
body>footer{width:100%}
:root{--width:1;--size:1;--row-hover:red;}
[class^="grid-"]>*{width:100%;display:inline-flex;flex-direction:column;flex-wrap:wrap}
[class^="grid-col-"]>*{flex-direction:row}
[class^="grid-col-"]>*>*{flex-grow:1}
.grid-col-2{--width:2}.grid-col-3{--width:3}.grid-col-4{--width:4}.grid-col-5{--width:5}.grid-col-6{--width:6}.grid-col-7{--width:7}.grid-col-8{--width:8}
.size-2{--size:2}.size-3{--size:3}.size-4{--size:4}.size-5{--size:5}.size-6{--size:6}.size-7{--size:7}.size-8{--size:8}
.h0,.h0p,.h0e{height:0}
.h5{height:5vh}.h10{height:10vh}.h15{height:15vh}.h20{height:20vh}.h25{height:25vh}.h30{height:30vh}.h35{height:35vh}.h40{height:40vh}.h45{height:45vh}.h50{height:50vh}.h55{height:55vh}.h60{height:60vh}.h65{height:65vh}.h70{height:70vh}.h75{height:75vh}.h80{height:80vh}.h85{height:85vh}.h90{height:90vh}.h95{height:95vh}.h100{height:100vh}
.h5p{height:5%}.h10p{height:10%}.h15p{height:15%}.h20p{height:20%}.h25p{height:25%}.h30p{height:30%}.h35p{height:35%}.h40p{height:40%}.h45p{height:45%}.h50p{height:50%}.h55p{height:55%}.h60p{height:60%}.h65p{height:65%}.h70p{height:70%}.h75p{height:75%}.h80p{height:80%}.h85p{height:85%}.h90p{height:90%}.h95p{height:95%}.h100p{height:100%}
.h5e{height:5em}.h10e{height:10em}.h15e{height:15em}.h20e{height:20em}.h25e{height:25em}.h30e{height:30em}.h35e{height:35em}.h40e{height:40em}.h45e{height:45em}.h50e{height:50em}.h55e{height:55em}.h60e{height:60em}.h65e{height:65em}.h70e{height:70em}.h75e{height:75em}.h80e{height:80em}.h85e{height:85em}.h90e{height:90em}.h95e{height:95em}.h100e{height:100em}
.w0,.w0p,.w0e{width:0}
.w5{width:5vw}.w10{width:10vw}.w15{width:15vw}.w20{width:20vw}.w25{width:25vw}.w30{width:30vw}.w35{width:35vw}.w40{width:40vw}.w45{width:45vw}.w50{width:50vw}.w55{width:55vw}.w60{width:60vw}.w65{width:65vw}.w70{width:70vw}.w75{width:75vw}.w80{width:80vw}.w85{width:85vw}.w90{width:90vw}.w95{width:95vw}.w100{width:100vw}
.w5p{width:5%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w25p{width:25%}.w30p{width:30%}.w35p{width:35%}.w40p{width:40%}.w45p{width:45%}.w50p{width:50%}.w55p{width:55%}.w60p{width:60%}.w65p{width:65%}.w70p{width:70%}.w75p{width:75%}.w80p{width:80%}.w85p{width:85%}.w90p{width:90%}.w95p{width:95%}.w100p{width:100%}
.w5e{width:5em}.w10e{width:10em}.w15e{width:15em}.w20e{width:20em}.w25e{width:25em}.w30e{width:30em}.w35e{width:35em}.w40e{width:40em}.w45e{width:45em}.w50e{width:50em}.w55e{width:55em}.w60e{width:60em}.w65e{width:65em}.w70e{width:70em}.w75e{width:75em}.w80e{width:80em}.w85e{width:85em}.w90e{width:90em}.w95e{width:95em}.w100e{width:100em}
[class^="grid-"]>*>*{width:calc(100% / var(--width));}
[class^="grid-"]>*>*[class^="size-"]{width:calc((100% / var(--width)) * var(--size));max-width:calc((100% / var(--width)) * var(--size))}
.table{width:100%}
.table>*{width:100%;display:inline-table}
.table>header{display:table-caption}
.table>*>*{display:table-row}
.table>*>*:hover{background-color:var(--row-hover);}
.table>*>*>*{display:table-cell}

*{color:#fff}
html,body{background-color:#202324}
body>header{background-color:#a22b1c}
body>div{background-color:#fa0}
body>div>aside{background-color:#1b2428}
body>div>main{background:#181a1b}
body>div>main{flex-grow:1}
body>footer{background-color:#2c3a40}
body>div>aside .selected>a{color:#fd2d13;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000}
button {background:transparent}
input{color:#000}

@font-face{font-family:'fa';font-style:normal;font-weight:900;font-display:block;src:url("/fonts/fa-solid-900.eot");src:url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa{font-family:'fa';font-weight:900}