body,html{padding:0;margin:0;background-color:#0a0a0a;color:#fafafa;font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar{width:.4rem;background-color:#0a0a0a}html::-webkit-scrollbar-thumb{background:#252525;border-radius:9999px}*{box-sizing:border-box}.menu-button{display:inline-block;background:0;border:0;width:35px;padding:0;outline:0;cursor:pointer}.menu-button:focus{outline:none}.menu-open .bar:first-child{transform:translateY(6px) translateX(0) rotate(45deg);transition:all .35s ease}.menu-open .bar:nth-child(2){opacity:0}.menu-open .bar:nth-child(3){transform:translateY(-18px) translateX(0) rotate(-45deg);width:100%;transition:all .35s ease}.menu-bars{display:flex;flex-direction:column;align-items:flex-end}.bar{width:100%;height:.25rem;display:block;transition:all .35s ease;background-color:#fafafa}.bar:nth-child(2){width:1.8rem;margin:.5rem 0}.bar:nth-child(3){width:2rem}.link{position:relative}.link:after{content:"";position:absolute;width:0;height:1px;display:block;margin-top:-5px;right:0;background:#d65a3a;transition:width .2s ease;-webkit-transition:width .2s ease}.link:hover:after{width:100%;left:0;background:#d65a3a}.come-in{transform:translateY(150px);animation:come-in .8s ease forwards}.come-in:nth-child(odd){animation-duration:.6s}.already-visible{transform:translateY(0);animation:none}@keyframes come-in{to{transform:translateY(0)}}