@import "https://fonts.cdnfonts.com/css/schabo";
:root{--base-100:#fcfcfc;--base-200:#3f3f3f;--base-300:#0f0f0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-200);color:var(--base-100)}img{object-fit:cover;width:100%;height:100%}h1{text-transform:uppercase;font-family:SCHABO,sans-serif;font-size:clamp(6rem,15vw,12rem);font-weight:500;line-height:.9}a{text-transform:uppercase;color:var(--base-100);font-family:DM Mono,monospace;font-size:.8rem;font-weight:450;line-height:1;text-decoration:none}nav{z-index:2;gap:.25rem;display:flex;position:fixed;bottom:5rem;left:50%;transform:translate(-50%)}nav a{background-color:var(--base-300);border-radius:.2rem;padding:.5rem .75rem;transition:transform .2s ease-out}nav a:active{transform:scale(.9)}section{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.section-bg{z-index:-1;width:100%;height:100%;position:absolute}.transition-grid{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.transition-block{background-color:var(--base-300);opacity:0;position:absolute}