html,body{background-color:#555;color:#ddd;font-family:helvetica neue,Helvetica,sans-serif;margin:0;padding:0;text-align:center}header,main,footer{margin-left:2rem;margin-right:2rem}header{margin-top:1rem;margin-bottom:1rem}main{margin-top:3rem;margin-bottom:1rem}main.sketch{align-items:center;display:flex;flex-direction:column;line-height:0;margin:0}main.sketch #audio-player{height:31px;position:fixed;right:1rem;top:1rem;width:44px}main.sketch #audio-player .background-tint div{border-radius:8px;height:100%;position:absolute;width:100%}main.sketch #audio-player .background-tint .blur{background-color:rgba(0,0,0,.55);-webkit-backdrop-filter:saturate(180%)blur(17.5px)}main.sketch #audio-player .background-tint .tint{background-color:rgba(255,255,255,.14);mix-blend-mode:lighten}main.sketch #audio-player picture{background-color:#fff;display:block;height:13px;left:16px;mask-image:url(data:image/svg+xml,%3Csvg%20width=%2211%22%20height=%2213%22%20viewBox=%220%200%2011%2013%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M.967370794%2012.5643525c.286469336.0.529950666-.1145833.816419996-.2792958L10.1340375%207.45823467c.5944106-.350914670000001.8020906-.58008134.8020906-.95964.0-.37955867-.20768-.60872534-.8020906-.952468000000001L1.78379079.71214C1.49732146.547433333%201.25384013.44.967370794.44c-.529936.0-.859364.401045333-.859364%201.0241V11.5331031c0%20.623046800000001.329428%201.0312494.859364%201.0312494z%22/%3E%3C/svg%3E);mask-repeat:no-repeat;mask-size:100% 100%;mix-blend-mode:plus-lighter;pointer-events:none;position:absolute;top:9px;transition:transform 150ms;width:11px;will-change:transform}main.sketch #audio-player.playing picture{mask-image:url(data:image/svg+xml,%3Csvg%20width=%2211%22%20height=%2213%22%20viewBox=%220%200%2011%2013%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M1.71529125%2012.9604158h1.80908c.69031625.0%201.0553075-.3649913%201.0553075-1.0632327V1.09029125C4.57967875.368255%204.2146875.035%203.52437125.035h-1.80908C1.02499125.035.66.39999125.66%201.09029125V11.8971831C.66%2012.5954245%201.02499125%2012.9604158%201.71529125%2012.9604158zm5.76844125.0H9.28486625c.69824625.0%201.05530755-.3649913%201.05530755-1.0632327V1.09029125C10.3401738.368255%209.9831125.035%209.28486625.035H7.4837325C6.78548625.035%206.420495.39999125%206.420495%201.09029125V11.8971831c0%20.698241400000001.36499125%201.0632327%201.0632375%201.0632327z%22/%3E%3C/svg%3E)}main.sketch audio{position:fixed;right:1rem;top:1rem;width:50px}main.sketch img{margin:0;max-height:100vh;padding:0;max-width:100vw}a{color:#ddd}ul{list-style:none;padding-inline-start:0;font-size:large}ul.sketches{margin-top:3rem}