html{scroll-behavior:smooth}body,html{margin:0;width:100%;height:100%;background:var(--bg-col);color:var(--font-col);*, *:before, *:after { box-sizing: border-box; }}main{margin:0 calc(16em + var(--spacing));padding:var(--spacing);scroll-behavior:auto}section{margin:var(--spacing);padding:var(--spacing)}div{}header{padding:var(--spacing)}footer{color:var(--lgrey)!important;background:var(--dark);padding:var(--spacing);height:fit-content;text-align:center;font-size:x-small;position:sticky;top:100%}body{background-repeat:repeat;background-image:var(--bgImg);margin:0;padding:0;font-size:100%}body>fieldset,main>fieldset{padding:var(--spacing)}hr{border-top:1px dashed var(--secondary);margin:calc(var(--spacing) * 2)0}aside{border:dashed 4px #aaa;width:fit-content;padding:var(--grid-gap);font-style:italic;color:var(--dgrey)!important}aside>p{margin:0}fieldset{margin:var(--spacing);border:1px dashed var(--dgrey);padding:calc(var(--spacing) * 2);overflow-wrap:break-word}legend{padding:calc(var(--spacing)/2)var(--spacing);font-size:small;font-weight:700;color:var(--light);background:var(--primary)}details{}summary{color:var(--light);background:var(--dark);font-size:medium;font-weight:700;margin:0;padding:calc(var(--spacing)/2)var(--spacing);cursor:pointer}nav{position:sticky;top:0;z-index:1;background:var(--nav-col);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;flex-direction:row;align-content:center;height:fit-content;max-height:6rem;a { padding: calc(var(--spacing) / 2) var(--spacing); text-decoration: none; text-align: center; color: var(--nav-font-col); font-weight: bold; } header { flex-grow: 1; font-variant: small-caps; & a { font-weight: bolder; font-size: x-large; } & h1 { margin: 0; font-size: x-large; } & img { margin: var(--spacing); max-height: 4em; } }}menu{margin:0;padding:var(--spacing);float:left;height:75%;background:#f5f5f5;background:linear-gradient(180deg,whitesmoke 75%,transparent 100%);color:var(--dark);width:12em;h1,h2,h3,h4,h5,h6{ margin: 0 0 .5em 0; font-size: medium; font-weight: bolder; } & ol{ padding: 0; li { margin: 0; padding: 0 0 0 1em ; border: none; } } label { padding: 0; } li { margin: 0 0 1em 0; font-size: small; border-bottom: 1px solid var(--dark); padding-bottom: 1em; list-style: none; } form { margin: 0; padding: 0; }}::-webkit-scrollbar{width:var(--spacing)}::-webkit-scrollbar-track{background:var(--grey)}::-webkit-scrollbar-thumb{background:var(--dark)}::-webkit-scrollbar-thumb:hover{background:var(--dgrey)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing)}.col-grow{grid-column:span 12}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}.flex{display:flex;flex-wrap:wrap;gap:var(--grid-gap)}.fi{flex:1}.ff1{flex:0 0 8.33%}.ff2{flex:0 0 16.66%}.ff3{flex:0 0 25%}.ff4{flex:0 0 33.33%}.ff5{flex:0 0 41.66%}.ff6{flex:0 0 50%}.ff7{flex:0 0 58.33%}.ff8{flex:0 0 66.66%}.ff9{flex:0 0 75%}.ff10{flex:0 0 88.33%}.ff11{flex:0 0 91.66%}.ff12{flex:0 0 100%}.flex-dir-col{flex-direction:column}.fw{flex-wrap:wrap}form{margin:0}input,textarea,select,button{font-family:monospace;border:solid var(--primary);color:var(--font-color);width:100%;background-color:initial;border-width:1px;vertical-align:middle}textarea{min-height:4em;min-width:12em;resize:vertical}label{width:100%;display:block;font-weight:700;text-align:left;overflow-wrap:anywhere;padding:calc(var(--spacing)/8)}label:hover{background:var(--lgrey)}input:focus,textarea:focus,select:focus,button:focus{outline:none}input:disabled,textarea:disabled,select:disabled,button:disabled{color:var(--grey)}input:required,textarea:required,select:required{border-color:var(--accent)}input:invalid,textarea:invalid,select:invalid{border-color:var(--accent)}input[readonly],textarea[readonly]{background-color:var(--bg-color)}input[type=checkbox],input[type=radio]{width:fit-content;border:none;accent-color:var(--accent)}input[type=file]{margin-right:calc(var(--spacing) * 2);font-family:monospace;text-transform:uppercase}input[type=file]::file-selector-button:hover{text-decoration:underline;cursor:pointer}input[type=file]:valid{border:none}input::file-selector-button{font-weight:700;color:#000;background-color:#fff;padding:calc(var(--spacing)/2);border:thin dashed #000;border-radius:0}input::file-selector-button:hover{background-color:#eee;padding:calc(var(--spacing)/2);border:thin dashed #000}input[type=submit]{margin:var(--spacing)0 0;padding:calc(var(--spacing)/2)var(--spacing);background-color:var(--primary);color:var(--light);border:solid 1px var(--dgrey);cursor:pointer;font-size:small;font-weight:700;&:hover { filter:brightness(.75); } &:active { filter:brightness(.5); } transition:all 0.1s ease-in-out}button{background-color:var(--primary);color:var(--light);border:solid 1px var(--dgrey);cursor:pointer;font-size:small;width:fit-content;padding:calc(var(--spacing)/2);&:hover { filter:brightness(.75); } &:active { filter:brightness(.5); } transition:all 0.1s ease-in-out}img{max-width:100%;height:auto;display:block}ul{padding:0 0 0 calc(var(--spacing) * 4);margin:0 0 var(--spacing);li { margin: 0; font-size: 1rem; }}ol{padding:0 0 0 calc(var(--spacing) * 4);margin:0 0 var(--spacing);li { margin: 0; font-size: 1rem; }}p{font-size:1rem;margin:0 0 var(--spacing);overflow-wrap:anywhere}h1,h2,h3,h4,h5{margin:0 0 var(--spacing)}h1{font-size:3rem;font-weight:bolder}h2{font-size:2.5rem;font-weight:700}h3{font-size:2rem;font-weight:700}h4{font-size:1.5rem;font-weight:700}h5{font-size:1.25rem;font-weight:700}article{background-color:var(--bg-color);width:fit-content;height:fit-content;padding:4rem}pre{padding:var(--spacing);background:#eee;border:dashed 1px #ccc}code{}table{margin:0 0 var(--spacing);width:100%;border-collapse:collapse}thead{background:var(--primary);color:var(--light);tr {border: none}}tbody{padding:0}tr{border-bottom:1px dashed var(--lgrey)}th,td{text-align:left;border:none;padding:.25em 1rem}tbody>tr:hover{background:var(--lgrey)}a{display:inline-block;color:var(--primary);cursor:pointer;font-weight:700;&:hover { text-decoration:underline; } &:active { font-weight:bold; } transition:all 0.1s ease-in-out}.material-icons{vertical-align:middle}.blink{animation:blinker 1s steps(1)infinite;@keyframes blinker{50%{opacity:0}}}.transition{animation:fadeIn 1s;@keyframes fadeIn{from{opacity:0}to{opacity:1}}}.hover{transition:all .1s ease-in-out;box-shadow:0 0 rgba(0,0,0,.8)}.hover:hover{transform:scale(1.01);box-shadow:0 0 16px rgba(0,0,0,.2)}.wave{background:linear-gradient(45deg,#ce3262,#fddd00);background-clip:text;color:transparent;background-size:400% 400%;-webkit-animation:wave 10s ease infinite;-moz-animation:wave 10s ease infinite;animation:wave 10s ease infinite}@-webkit-keyframes wave{0%{background-position:0 94%}50%{background-position:100% 7%}100%{background-position:0 94%}}.typed-out{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;animation:typing .4s steps(8,end)forwards;font-size:1.6rem;width:0}@keyframes typing{from{width:0}to{width:100%}}.i32{width:2em}.i64{width:4em}.i128{width:8em}.g0{gap:0 0}.g1{gap:1rem}.g2{gap:2rem}.g4{gap:4rem}.g8{gap:8rem}.g16{gap:16rem}.gr1{gap:1rem 0}.gr2{gap:2rem 0}.gr4{gap:4rem 0}.gr8{gap:8rem 0}.gr16{gap:16rem 0}.gr24{gap:24rem 0}.gr32{gap:32rem 0}.gr64{gap:64rem 0}.gc4{gap:0 4rem}.gc8{gap:0 8rem}.gc16{gap:0 16rem}.w25{width:25%}.w50{width:50%}.w75{width:75%}.w100{width:100%}.h25{height:25%}.h50{height:50%}.h75{height:75%}.h100{height:100%}.rt{text-align:right}.lt{text-align:left}.ct{text-align:center}.m0{margin:0}.m4{margin:4rem}.m8{margin:8rem}.m16{margin:16rem}.m32{margin:32rem}.my2{margin-top:2rem!important;margin-bottom:2rem!important}.my4{margin-top:4rem!important;margin-bottom:4rem!important}.my8{margin-top:8rem!important;margin-bottom:8rem!important}.my16{margin-top:16rem!important;margin-bottom:16rem!important}.my32{margin-top:32rem!important;margin-bottom:32rem!important}.mx2{margin-left:2rem!important;margin-right:2rem!important}.mx4{margin-left:4rem!important;margin-right:4rem!important}.mx8{margin-left:8rem!important;margin-right:8rem!important}.mx16{margin-left:16rem!important;margin-right:16rem!important}.mx32{margin-left:32rem!important;margin-right:32rem!important}.mt2{margin-top:2rem!important}.mt4{margin-top:4rem!important}.mt8{margin-top:8rem!important}.mt16{margin-top:16rem!important}.mt32{margin-top:32rem!important}.mb2{margin-bottom:2rem!important}.mb4{margin-bottom:4rem!important}.mb8{margin-bottom:8rem!important}.mb16{margin-bottom:16rem!important}.mb32{margin-bottom:32rem!important}.p0{padding:0}.p1{padding:1rem}.p2{padding:2rem}.p4{padding:4rem}.p8{padding:8rem}.p16{padding:16rem}.p32{padding:32rem}.right{margin:0 0 0 auto;float:right}.c{margin:0 auto}.left{margin:0 auto 0 0;float:left}.ai-c{align-items:center}.ai-s{align-items:start}.ai-e{align-items:end}.ai-st{align-items:stretch}.ai-b{align-items:baseline}.as-c{align-self:center}.as-s{align-self:start}.as-e{align-self:end}.as-st{align-self:stretch}.as-se{align-self:self-end}.as-b{align-self:baseline}.ac-sb{align-content:space-between}.ac-s{align-content:start}.js-c{justify-self:center}.js-s{justify-self:start}.js-e{justify-self:end}.js-sc{justify-self:stretch}.js-b{justify-self:baseline}.ji-c{justify-items:center}.ji-s{justify-items:start}.ji-e{justify-items:end}.inline{display:inline-block}.block{display:block}.logo{width:50%;margin:32px auto;display:block}@page{size:A4;margin:30mm}@media print{body{display:table;padding:0;margin:0}article{padding:0}a,a *{display:none!important}nav,nav>*{display:none!important}hr{display:none}h1{margin:0;padding:0;page-break-before:always}h1,h2,h3,h4,h5{page-break-after:avoid}body>details{display:none!important}table,figure{page-break-inside:avoid}footer{position:fixed;bottom:0}#pageNumber:after{content:counter(page);counter-increment:page}}@media(min-width:1024px){}@media(min-width:768px) and (max-width:1023px){main{margin:0 15%}}@media(max-width:767px){menu{width:100%;height:fit-content;position:relative;display:flex;justify-content:space-around}main{margin:0;padding:var(--spacing)}}@import "root.css";@import "0_layout.css";@import "1_nav.css";@import "2_grid.css";@import "3_form.css";@import "4_content.css";@import "5_anims.css";@import "6_mods.css";@import "7_print.css";@import "8_medias.css";@import 'https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap';:root{--spacing:1rem;--light:white;--dark:#333;--lgrey:#cccccc;--grey:#666;--dgrey:#333;--primary:var(--dark);--secondary:var(--grey);--nav-col:var(--primary);--nav-font-col:var(--light);--bg-col:var(--light);--bg-img:none;--font-col:var(--dark);--border-col:var(--grey);--info-col:#4af;--success-col:#4a4;--warning-col:#fa4;--danger-col:#f44;--fatal-col:#444;font-family:roboto mono,monospace;font-optical-sizing:auto;font-style:normal}