@font-face{font-family:Inter;font-stretch:50% 200%;font-weight:100 900;font-style:italic;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype")}@font-face{font-family:Inter;font-stretch:50% 200%;font-weight:100 900;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype")}@font-face{font-family:Syne;font-stretch:50% 200%;font-weight:100 900;src:url(/assets/Syne-VariableFont_wght-HbfUXLBI.ttf) format("truetype")}*>*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;color:#fb0}h1{font-size:2.35em}h2{font-size:1.6em}a{color:#ffcb7a}main{height:100dvh;width:100dvw;position:relative;overflow:hidden;color:#fff;background-color:#222}main nav{display:flex;flex-direction:column}main nav a{text-decoration:none;padding:.5em 0;border:#ffffff77 2px solid;border-width:0 0 1px 0}main nav a:first-child{padding-top:0}main nav a:last-child{padding-bottom:0;border-bottom-width:0}main nav a:hover{text-decoration:underline}main .mobile{display:none}@keyframes scroll-button{0%{transform:translateY(-20px)}to{transform:translateY(0)}}#scroll-button{position:absolute;bottom:1.8em;left:calc(50% - 1.5em);transform:translateY(-20px);width:3em;height:3em;background-color:#fff;color:#222;border:none;border-radius:50%;box-shadow:0 .35em 1em .16em #00000080;display:flex;align-items:center;opacity:1;transition:opacity .5s;animation:scroll-button .5s ease-in-out .5s 2 forwards}#scroll-button.hidden{opacity:0}#content-wrapper{position:absolute;width:100%;height:100%;overflow:auto;scroll-behavior:smooth}#content-wrapper.no-scroll{scrollbar-width:none;-ms-overflow-style:none}#content-wrapper.no-scroll::-webkit-scrollbar{width:0;height:0}#content{width:40%;min-width:min(25em,100%);margin-bottom:100dvh;padding:0 2em;display:grid;grid-template-columns:1fr;grid-auto-rows:auto}#content #intro{display:flex;flex-direction:column;justify-content:center;min-height:100dvh}#content section:not(:first-child){margin-bottom:50dvh}#content section p{margin-block:1.5em 2.5em;text-align:justify}#content footer{color:#ffcb00}#viewer{width:100%;height:100%}@media (width >= 992px){main nav{flex-direction:row}main nav a{padding:0 .5em;border-width:0 1px 0 0}main nav a:first-child{padding-left:0}main nav a:last-child{padding-right:0;border-right-width:0}#content{display:block}#content #intro{min-height:0}#content #intro{display:block}#content section{padding-block:1.5em}#content section:not(:first-child){margin-bottom:0}}@media (pointer: none) or (pointer: coarse){main .mobile{display:block}main .desktop{display:none}}