@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Phantom Sans;src:url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Med.woff)format("woff"),url(https://assets.hackclub.com/fonts/Phantom_Sans_0.7/Med.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-text:black;--color-text-soft:#282828;--color-bg:white;--color-bg-soft:whitesmoke;--radius-pill:9999px;--radius-card:1rem;--border-width:.25rem;--transition-fast:.1s linear;--transition-med:.2s linear}html:has(.dashboard){font-size:clamp(12px,1.25vw,48px)}html,body{width:100%}body{scroll-behavior:smooth;color:var(--color-text);background-color:var(--color-bg);margin:0;padding:0;font-family:Phantom Sans,sans-serif;font-size:1rem}p{font-size:1.2rem;line-height:1.77778}a{color:var(--color-text);transition:color var(--transition-fast);cursor:default;text-decoration:underline}a:hover{color:var(--color-text-soft);text-underline-offset:clamp(1px, .15vw, 2.5px);cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:clamp(1px,.13vw,2px)}button,.button,.input{border-radius:var(--radius-pill);padding:1.25rem;font-family:Phantom Sans,sans-serif;font-size:1.25rem}button{transition:background-color var(--transition-fast);cursor:default}button:hover,.button:hover{cursor:pointer}.button{text-decoration:none}.dotted{border:dotted var(--border-width) var(--color-text)}.bordered{background-color:var(--color-bg);border:solid var(--border-width);outline:none}.bordered:hover{border:dotted var(--border-width) var(--color-text)}input.dotted:focus{border:solid var(--border-width);outline:none}.filled{background-color:var(--color-text);color:var(--color-bg);transition:background-color var(--transition-fast);border:none;font-weight:600}.filled:hover{background-color:var(--color-text-soft);color:var(--color-bg);text-decoration:none}.card{border-radius:var(--radius-card);background-color:var(--color-bg);padding:1rem}.section{justify-content:center;width:100vw;display:flex}.content{text-align:left;width:40vw;margin-left:auto;margin-right:auto;padding:2rem;display:block}.section-head{color:var(--color-text);font-size:4rem}.subhead{letter-spacing:.7px;font-size:1.3rem}.subhead-spaced{margin-top:3rem}.row{gap:1rem;display:flex}.text-center{text-align:center}header{z-index:10;justify-content:right;gap:.5rem;margin-right:3rem;padding-top:3rem;display:flex;position:sticky;top:0}.hc-logo{z-index:11;height:7vw;min-height:7rem;transition:transform .3s ease-in-out;position:absolute;top:0;left:2vw;transform:rotate(0)translateY(-.5rem)}.hc-logo:hover{transform:rotate(10deg)translateY(.5rem)}.nav{align-items:center;gap:.5rem;min-width:fit-content;min-height:3rem;font-size:1rem;font-weight:700;display:flex}.nav-btn{min-width:fit-content;min-height:3rem;transition:background-color var(--transition-med), color var(--transition-med), border-color var(--transition-med);align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:1rem;font-weight:700;display:flex}.nav-btn img{transition:filter var(--transition-med)}.nav-active{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.nav-active img{filter:invert()}.nav-active:hover{border-style:solid;border-color:var(--color-text)}footer{background-color:var(--color-bg-soft);text-align:center;margin-top:3rem;padding:.5rem}@media only screen and (width<=767px){header{display:none!important}.section{display:block}.content{text-align:left;box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding:2rem;display:block}}@media screen and (width>=768px){.content,footer{min-width:45rem}}