html,body{background:#0b0b0c;height:100%;margin:0;font-family:Instrument Serif,serif;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}#info{z-index:1;box-sizing:border-box;color:#fff;width:min(532px,100vw - 24px);padding:32px 14px 38px;position:fixed;top:0;left:0}#info h1{letter-spacing:-.035em;margin:0 0 16px;font-size:18px;font-weight:500;line-height:1.1}#info nav{flex-wrap:wrap;gap:8px 20px;display:flex}#info a,#info span{color:#ffffffa6;text-decoration:none}#info a:hover{color:#fff}.project-links{font-size:12px;font-weight:400;line-height:1.2}#info .tags{gap:8px 12px;margin-top:18px;font-size:12px;font-weight:300;line-height:1.2}#nav{z-index:1;gap:16px;font-size:13px;line-height:1;display:flex;position:fixed;bottom:16px;left:16px}#nav a{color:#ffffff94;text-decoration:none}#nav a.active,#nav a:hover{color:#fff}@media (width<=600px){#info{padding:20px 14px 24px}#info h1{margin-bottom:12px}#info .tags{margin-top:12px}}