@font-face{font-family:Saira;src:url(/fonts/Saira.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark only;color:#fff;background-color:#000;font-family:Saira,sans-serif}#root{flex-direction:column;min-height:100vh;font-size:1.25rem;display:flex}#root>canvas{width:100%;height:100%;position:absolute}#root:has(>img){justify-content:flex-end;align-items:flex-end;gap:1rem;padding:4rem}#root .img{z-index:-1;pointer-events:none;height:100vh;position:fixed;top:0;left:0}#root .menu{list-style-type:none;display:flex}#root .menu a{color:#000;background-color:#fff;padding:0 .5rem;text-decoration:none;display:flex}#root .menu a:hover{color:#fff;background-color:#000}@media screen and (width<=48rem){#root .menu{flex-direction:column;gap:.25rem;width:100%}#root:has(>img){justify-content:center;align-items:center;gap:1rem;padding:2rem}#root .menu a{color:#fff;background-color:#00000080;border-radius:.15rem;padding:.5rem}}#goHome{color:#fff;mix-blend-mode:difference;z-index:9999;display:flex;position:fixed;bottom:2rem;left:2rem}#goHome svg{fill:currentColor;width:2rem;height:2rem}#works{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:4rem 2rem;display:flex}#works ul{width:100%;display:-ms-grid;-ms-grid-columns:(1fr)[8];grid-template-columns:repeat(8,1fr);list-style-type:none;display:grid}#works ul a{color:#fff;border:1pt solid #0000;border-radius:.25rem;flex-direction:column;gap:.5rem;width:100%;height:100%;padding:.5rem;font-size:1rem;display:flex}#works ul a:hover{color:#ff0}#works ul a:hover img{border-color:#ff0}#works ul img{border:1pt solid #fff;border-radius:.25rem;width:100%}@media screen and (width<=256rem){#works ul{-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr)}}@media screen and (width<=120rem){#works ul{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}}@media screen and (width<=90rem){#works ul{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}}@media screen and (width<=64rem){#works ul{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media screen and (width<=48rem){#works ul{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}