@keyframes fillHeight{0%{height:0}to{height:100%}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}:root{--color-primary-100:#1b181a;--color-primary-10:rgba(27,24,26,.1);--color-code-purple:#cb2cea;--color-code-green:#00ffb2;--color-white:#fff;--color-white-80:hsla(0,0%,100%,.8);--color-white-50:hsla(0,0%,100%,.5);--color-white-10:hsla(0,0%,100%,.1);--color-outline:#cfc9cc;--color-surface-level-2:#f5f4f5;--font-outfit:var(--font-outfit),sans-serif;--font-fragment-mono:var(--font-fragment-mono),monospace;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body,html{padding:0;margin:0;width:100%;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-outfit);line-height:1.6;font-size:18px;min-height:100%;background-color:var(--color-primary-100);color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:after,:before{box-sizing:border-box}a{color:inherit}a,a:hover{text-decoration:none}img{max-width:100%;display:block}