:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;font-family:monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--animation-speed: .1s;--animation-step1: .3;--animation-step2: .9;--animation-step2: 10.9}body{position:relative;margin:0;width:100vw;height:100vh;overflow:hidden}#p5div{mix-blend-mode:multiply;position:absolute;width:100vmin;height:100vmin;max-width:400px;max-height:400px;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center}.p5Canvas{animation:music var(--animation-speed) steps(4,end) infinite}#dither{mix-blend-mode:color-burn;position:fixed;top:0;left:0;z-index:2;opacity:.008;width:100vw;height:100vh;animation:music_no_small .1s steps(4,end) infinite}#vhsNoise{mix-blend-mode:difference;position:fixed;top:0;left:0;z-index:3;margin:0;min-height:100vh;min-width:100vw;transform:scale(1.1)}#unmute{mix-blend-mode:difference;visibility:hidden;position:fixed;top:75%;left:calc(50% - 48pt);z-index:4;cursor:pointer;font-size:24pt;letter-spacing:3pt;font-weight:700;animation:cycle 1.4s infinite}@keyframes music{0%{transform:scale(var(--animation-step-1))}70%{transform:scale(var(--animation-step-2))}80%{transform:scale(var(--animation-step-2))}to{transform:scale(var(--animation-step-3))}}@keyframes music_no_small{0%{transform:scale(1);mix-blend-mode:normal}90%{transform:scale(10.9)}}@keyframes cycle{0%{opacity:1}80%{opacity:0}90%{opacity:0}}