body{margin:0;height:5650px;--radius: 50;--PI: 3.14159265358979;--circumference: calc(var(--PI) * var(--radius) * 2px)}h1,h2{opacity:0;z-index:-1;margin:0;position:absolute}#navia canvas{position:fixed;top:0;left:0}.circle{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--circle,1))}.circle circle{stroke:#ffffff80;stroke-width:4;fill:transparent;transform-origin:center;stroke-dasharray:var(--circumference);animation:spinner 2s ease-out infinite}@keyframes spinner{0%{stroke-dashoffset:var(--circumference);stroke:#ffffff80;transform:rotate(0)}to{stroke-dashoffset:calc(var(--circumference) * -1);stroke:#ffffff80;transform:rotate(720deg)}}