@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist Mono,monospace}.hero{position:relative;width:100%;height:100svh;background-color:#b0b0b0;overflow:hidden}.projects{position:absolute;left:50%;bottom:4rem;transform:translate(-50%);width:100%;display:flex;justify-content:center;gap:.5rem;list-style:none;z-index:2}.projects li{text-transform:uppercase;font-size:.7rem;font-weight:450;color:#000;width:max-content;padding:.5rem 1rem;background-color:#fff;border:1px solid #000;box-shadow:4px 4px 0 -1px #000;cursor:pointer}.projects li:hover{color:#fff;background-color:#000}@media(max-width:1000px){.projects{flex-wrap:wrap;padding:0 4rem}}.transition-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.transition-block{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#0f0f0f;color:#e3e3db;font-family:IBM Plex Mono,Geist Mono,monospace;font-size:14px;font-weight:400;opacity:0}