*{margin:0;padding:0;box-sizing:border-box}body,html{overflow:hidden;font-family:instrument-serif-regular,sans-serif;display:flex;justify-content:center;align-items:center}.webgl{position:absolute;top:0;left:0;z-index:1;mix-blend-mode:screen;opacity:80%}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header{z-index:5;position:relative;color:#fff;font-family:Roboto Mono,monospace;font-style:normal;font-size:clamp(.8rem,2vw,1.3rem);padding:20px;text-shadow:0 0 15px rgba(0,0,0,.5)}nav .noselect{color:#000;z-index:2;position:absolute;display:flex;justify-content:space-evenly;align-items:center;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(7vw,5vw,7vw);font-family:Cal Sans,serif;font-style:normal;text-shadow:0 0 15px rgba(0,0,0,.5)}nav ul{list-style:none;display:flex;gap:6rem}nav ul li{display:flex;list-style-type:none;display:inline-block;text-align:center;justify-content:center;align-items:center;padding:8px 12px;position:relative}@media (max-width: 768px){.nav ul{flex-direction:column;gap:1rem;padding:1rem}.nav ul li{width:100%;text-align:center}}nav ul li:hover:after{width:100%}nav ul li a{display:inline-block;transition:transform .3s ease}li a:hover{transform:scale(1.2)}nav ul li a:link{text-decoration:none;color:#f9f8ef}nav ul li a:visited{text-decoration:none;color:#f9f8ef}nav ul li a:hover{animation:flashColour 1.5s ease-in-out}@keyframes flashColour{0%{color:#f9f8ef}15%{color:#e9d6e1}40%{color:#e9d6e1}to{color:#f9f8ef}}nav ul li a:active{text-decoration:none;color:#f9f8ef}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;animation:bgAnimation 5s infinite alternate ease-in-out;opacity:.3;pointer-events:none;mix-blend-mode:normal;z-index:0}.page-header:after{animation:grain 8s steps(10) infinite;background-image:url(https://img.freepik.com/free-photo/noisy-background_1194-7547.jpg);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 60%,rgba(0,0,0,0) 100%);content:"";height:300%;left:-50%;opacity:.3;position:fixed;top:-100%;width:300%;scale:1.5}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@keyframes bgAnimation{0%{background:#20a}to{background:#307}}.instrument-serif-regular{font-family:"Instrument Serif",serif;font-weight:400;font-style:normal}.instrument-serif-regular-italic{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic}.roboto-mono-thin{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:100;font-style:normal}