:root{--color-highlight: rgb(119, 107, 2);--color-accent: black;--color-neutral: #d9d4d4;--border: 1px solid var(--accent-color);--border-radius: 10px;--font-size-large: 4rem;--spacing-s: 1rem;--spacing-m: 3rem;--spacing-l: 6rem}h1{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-size:4rem;font-weight:600;font-style:normal;margin-top:-1.4rem}h2{font-family:Plus Jakarta Sans,sans-serif;font-optical-sizing:auto;font-size:3rem;font-weight:600;font-style:normal;margin-bottom:3rem}p{font-family:DM Mono,monospace;font-weight:300;font-style:normal;font-size:1.2rem;margin-bottom:2rem}a{text-decoration:none;color:var(--color-accent)}html{background-color:var(--color-neutral);font-family:sans-serif;scroll-behavior:smooth}body{display:flex;gap:5vw;margin:0vh 5vw;min-height:400px}footer{min-height:60px;bottom:0}.hidden{opacity:0;transform:translate(-20px);transition:opacity .6s ease,transform .6s ease}.show{opacity:1;transform:translateY(0)}.primary{transition-delay:.3s}.secondary{transition-delay:.6s}@media(max-width:1000px){body{display:block;margin:0}main{padding-top:5vh;width:auto;margin:0vh 5vw}.graphic{padding-top:4rem}}@media(max-width:700px){body{margin-left:0;margin-right:0}h1{font-size:2.5rem;margin-top:-.8rem}h2{font-size:2.5rem}p{font-size:1.5rem}}.navbar{z-index:10;top:0;align-self:flex-start;padding-top:10vh;position:sticky;align-items:stretch;display:flex;flex-direction:column;width:100px;box-sizing:border-box}.navbar button{background:none;border:none;font:inherit;cursor:pointer;appearance:none}.navbar a{color:#000;text-decoration:none}.navbar .logo{position:relative;height:auto}.navbar .logo img{margin-top:-6px;margin-bottom:-12px;width:100px}.navbar .hb-button{display:none}.navbar .menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.navbar .menu button{width:100%!important}.navbar .expandable{transition:opacity .5s ease .5s,max-height .5s ease}.navbar .expandable[aria-expanded=true]{transition:max-height .5s ease .5s,opacity .5s ease}.navbar .inner{opacity:0;display:block;overflow:hidden;max-height:0px;box-sizing:border-box;border:1px solid black}.navbar .inner[aria-expanded=true]{opacity:1;max-height:20px}.navbar .menu-item{display:block;width:auto;font-family:DM Mono,monospace;font-size:1.2rem;text-align:right}.navbar .menu-item:hover{background-color:var(--color-highlight)}.navbar .menu-item a{display:block;padding:1.5rem 0}@media(max-width:1000px){.navbar{padding:20px 0 0 10px;width:100%;flex-direction:row;justify-content:space-between}.navbar .hb-button{display:block;width:auto;background-color:transparent;padding:0;min-height:0}.navbar .hb-button svg{display:block;height:40px}.navbar .hb-button .line{transform:translateY(0);transform-origin:center;transition:transform .5s ease .5s,rotate .5s ease}.navbar .hb-button[aria-expanded=true] .line{transform:translateY(0);transition:transform .5s ease,rotate .5s ease .5s}.navbar .hb-button[aria-expanded=true] .top{transform:translateY(15px);rotate:45deg}.navbar .hb-button[aria-expanded=true] .bottom{transform:translateY(-15px);rotate:-45deg}.navbar .outer{opacity:0;overflow:hidden;max-height:0px;background-color:#d9d4d4e7;border:1px solid black;position:absolute;right:0;top:100%}.navbar .outer[aria-expanded=true]{opacity:1;max-height:20px}.navbar .inner{margin-left:5px;border-right:none;border-top:none;border-left:none;border-bottom:none}.navbar .inner[aria-expanded=true]{max-height:500px;margin-bottom:5px;border-top:1px solid black;border-left:1px solid black;border-bottom:1px solid black}.navbar .menu-item a{padding:1rem}}