<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
canvas{width:100%;height:100%;display:block}
</style></head>
<body><div class="stage"><canvas id="c"></canvas></div><script>var c=document.getElementById("c"),x=c.getContext("2d"),W,H,P=[];function rs(){W=c.width=innerWidth*devicePixelRatio;H=c.height=innerHeight*devicePixelRatio}rs();addEventListener("resize",rs);for(var i=0;i<600;i++){var r=.05+Math.random()*.4;P.push({r:r,a:Math.random()*6.283,s:.004/r,z:1+Math.random()*2})}function f(){x.fillStyle="rgba(15,15,16,.18)";x.fillRect(0,0,W,H);var m=Math.min(W,H);P.forEach(function(p){p.a+=p.s;var px=W/2+Math.cos(p.a)*p.r*m,py=H/2+Math.sin(p.a)*p.r*m*.62;x.fillStyle="hsl("+(170+p.r*260)+",80%,65%)";x.fillRect(px,py,p.z*devicePixelRatio,p.z*devicePixelRatio)});requestAnimationFrame(f)}f();</script></body></html>