html,body{color:#fff;font-family:Montserrat,sans-serif;scroll-behavior:smooth;background-color:teal;font-weight:400;font-size:16px}pre{font-family:Roboto Mono,monospace;font-size:inherit;background-color:inherit;display:inline;border:none;color:inherit;padding:0}.red-banner{background-color:red;color:#fff;transform:rotate(45deg);position:fixed;text-align:center;right:-20vw;top:10vh;padding:10px 20%;z-index:100;font-size:2vmin}@media (max-width: 600px){.red-banner{right:-20vw;top:4vh}}h1{font-weight:700;font-size:8vmin}a,a:hover{color:teal;font-weight:700}#about{margin-top:10%}section{font-size:4vmin;padding:5vmin;scroll-margin-top:12rem}section div{margin-bottom:5vmin}section.teal{background:linear-gradient(to bottom,transparent 0%,transparent 90%,teal 90%,black 100%);background-color:teal;color:#fff;padding-bottom:15vmin}section.teal a{color:coral}section.black{background:linear-gradient(to bottom,transparent 0%,transparent 90%,black 90%,white 100%);background-color:#000;color:#fff;padding-bottom:15vmin;--border-color: white}section.white{background-color:#fff;color:#000;padding-bottom:15vmin;--border-color: black;background:linear-gradient(to bottom,#fff 90%,#000)}.infographic{border-radius:10px;width:20vw;height:auto}ol.instructions{list-style:none;counter-reset:step-counter;width:100%;margin:0;padding:0;display:inline-block}ol li:before{content:counter(step-counter);counter-increment:step-counter;display:inline-block;width:8vmin;height:8vmin;background-color:teal;text-align:center;line-height:8vmin;border-radius:50%;color:#fff}ol.instructions>li{border:5px solid var(--border-color);border-radius:10px;margin-bottom:5vmin;padding:10px;height:30%;width:100%}ol.instructions>li>div{display:table-cell;vertical-align:top;padding:10px}#banner.svelte-254baw.svelte-254baw{position:fixed;top:0;left:0;font-size:2vmin;font-weight:700;background-color:#2f4f4f;background:linear-gradient(to right,#eefef0 50%,teal);color:#000;width:100%;display:flex;align-items:top;padding-top:0;padding-bottom:0}#title.svelte-254baw.svelte-254baw{font-size:8vmin}#banner.svelte-254baw div.svelte-254baw{margin:0}#tagline.svelte-254baw.svelte-254baw{text-align:left;width:100%;font-size:3vmin}#banner-v-items.svelte-254baw.svelte-254baw{display:flex;flex-direction:column;width:100%}#logo.svelte-254baw.svelte-254baw{width:12%;display:inline-block}#logo.svelte-254baw img.svelte-254baw{width:100%}#navbar.svelte-254baw.svelte-254baw{padding:0;margin:0}#navbar.svelte-254baw ul.svelte-254baw{display:inline-block;text-align:center;list-style:none;padding:0;margin:0;border:2px solid blue}#navbar.svelte-254baw li.svelte-254baw{list-style-type:none;padding-right:4vmin;display:inline-block;vertical-align:bottom}#navbar.svelte-254baw a.svelte-254baw{color:coral}@media (max-width: 600px){#banner.svelte-254baw.svelte-254baw{position:relative;display:flex;flex-direction:column;background-color:#eefef0;background:linear-gradient(to bottom,#eefef0 90%,teal)}#logo.svelte-254baw.svelte-254baw{width:100%}#navbar.svelte-254baw.svelte-254baw{background-color:green;display:none;width:0}}