@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Gasoek+One&display=swap";
:root{--background:#fbfbfb;--foreground:#451eff}html,body{max-width:100vw;min-height:100dvh;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Mono,monospace;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700}p{font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitchFlash{0%{opacity:1}to{opacity:0}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes wipeDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes wipeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr!important}}@media (min-width:769px) and (max-width:1200px){.projects-grid{grid-template-columns:repeat(2,1fr)!important}}