@font-face{font-family:mono;src:url(../fonts/MonoRegular.woff2)format('woff2');font-weight:400;font-style:normal}@font-face{font-family:mono;src:url(../fonts/MonoBold.woff2)format('woff2');font-weight:700;font-style:normal}@font-face{font-family:mono;src:url(../fonts/MonoItalic.woff2)format('woff2');font-weight:400;font-style:italic}@font-face{font-family:mono;src:url(../fonts/MonoBoldItalic.woff2)format('woff2');font-weight:700;font-style:italic}:root{--white:#ffffff;--lightgray:#ededed;--gray:#dddddd;--darkgray:#bbbbbb;--black:#000000;--blue:#007bff;--font-family-regular:"Mono", monospace;--font-family-bold:"Mono", monospace;--font-family-italic:"Mono", monospace;--font-family-bolditalic:"Mono", monospace;--font-family-code:"Mono", monospace;font-family:mono,monospace;--h1-font-size:2.00rem;--h2-font-size:1.50rem;--h3-font-size:1.30rem;--h4-font-size:1.17rem;--h5-font-size:1.10rem;--h6-font-size:1.00rem;--shadow:2px 2px var(--darkgray);--border:thin solid var(--black)}@media only screen and (min-width:500px){:root{font-size:17px}body{margin:1rem auto}}@media only screen and (max-width:500px){:root{font-size:11px}body{margin:0 auto}}html{background-color:var(--gray)}body{min-height:calc(100vh - 2rem);max-width:800px;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:scroll;background-color:var(--white);box-shadow:var(--shadow)}body>header{color:var(--white);background-color:var(--black);padding:1.5rem 0 0 1rem}body>header .title{font-size:2rem;margin:0;text-transform:uppercase}body>header .description{font-size:1.2rem}body>header .components{display:flex;align-items:center}body>header .components .social{font-size:1.2rem}body>header .components .search{margin-left:auto;margin-right:1.5rem}body>header .components .search>input{display:absolute;margin-left:auto;font-size:1rem;border-radius:0;padding:.2rem .5rem;transition:width .3s ease}@media only screen and (min-width:500px){body>header .components .search>input{width:20rem}body>header .components .search>input:focus{width:30rem}}@media only screen and (max-width:500px){body>header .components .search>input{width:10rem}body>header .components .search>input:focus{width:15rem}}body>header a{color:var(--white)!important}body>header a:hover{color:var(--white);cursor:pointer!important}body .tag{font-size:1rem;background-color:var(--white);padding:.2rem .5rem;border:thin solid var(--black);box-shadow:2px 2px var(--darkgray);color:var(--black);cursor:pointer!important}body .tag:hover{background-color:var(--black);color:var(--white)}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;padding:0 1rem}nav>button{flex:1 1 calc(33.3% - 1rem);font-size:1rem;font-family:var(--font-family-code);background-color:var(--white);border:thin solid var(--black);box-shadow:2px 2px var(--darkgray);transition:background-color .3s ease;color:var(--black)}nav>button:hover{background-color:var(--black);color:var(--white)}nav>button:visited{color:var(--black)}nav>button.active{background-color:var(--black);color:var(--white)}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}h4{font-size:var(--h4-font-size)}h5{font-size:var(--h5-font-size)}h6{font-size:var(--h6-font-size)}.collection{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}main{flex:1}main>*{padding:0 2.5rem!important}article>header{margin-top:1rem;margin-bottom:1rem;text-align:center}article>header>h1{font-size:2rem;font-weight:700}.tag{font-size:1rem;background-color:var(--white);padding:.2rem .5rem;border:thin solid var(--black);box-shadow:2px 2px var(--darkgray);color:var(--black);cursor:pointer!important}footer{font-size:1rem;margin-top:auto!important}ul.posts{list-style-type:none;margin-left:0}article ul{margin-left:0}ul{list-style-type:"- ";margin-left:2rem}a{text-decoration:none;color:var(--blue)}a:hover{color:var(--black)}a:visited{color:var(--blue)}a.tag{color:var(--black);background-color:var(--white)}a.tag:hover{color:var(--white);background-color:var(--black)}img{display:block;margin:2em auto;max-width:100%}figcaption{font-size:.95em;text-align:center;font-style:italic;margin-bottom:3em}code{color:var(--black);padding:0 .2rem;border:thin solid var(--black)}pre{font-size:.8rem;padding:.2rem 1rem;overflow-x:auto;border:thin solid var(--black)}pre>*{border:none!important;box-shadow:none!important}blockquote{border:thin solid var(--black);background:var(--lightgray);border-left:5px solid var(--black);padding:.05rem 1rem}table{margin-left:auto;margin-right:auto;max-width:100%;border-collapse:collapse;border:1px solid #000;text-align:center;margin-bottom:1rem}.threejs{max-width:640px;max-height:480px}div>canvas{max-width:640px!important;max-height:480px!important;display:block!important;margin:0 auto!important;margin-bottom:1rem!important;border:thin solid #000!important;box-shadow:2px 2px var(--darkgray)}footer{color:var(--white);background-color:var(--black);margin-top:auto;padding:.5rem 0;text-align:center;box-shadow:var(--shadow)}fieldset{display:flex;flex-direction:column;gap:.5rem;border:thin solid var(--black);padding:1rem;background-color:var(--lightgray);margin:.5rem}fieldset legend{border:thin solid var(--black);background-color:var(--white);font-size:1rem;font-weight:700;text-transform:uppercase;padding-right:.5rem;padding-left:.5rem}fieldset label{display:inline-block;width:150px;margin-bottom:10px}fieldset input{text-align:center}fieldset select{border:thin solid var(--black);width:100%;background-color:var(--white);text-align:center}