Replying to
@sk@catcatnya.com
@sk@catcatnya.com
@property --t {
syntax: '';
inherits: true;
initial-value: 0;
}
html {
background: #44565F;
transition: 7700s linear --t;
--t:100000;
@starting-style{--t:0}
a {
--s:calc(sibling-index() - 1);
--x:calc(round(down,var(--s)/12) + 6);
--y:calc(mod(var(--s),12) + 3);
--z:calc(var(--x) + var(--y) - var(--t));
--r:sin(var(--z));
scale:3;
position:fixed;
top:calc((var(--y)*16 + var(--r))*1px);
left:calc((var(--x)*16 + cos(var(--z)))*1px);
color:hsl(0 calc(198*max(1 - min(1, abs(var(--x) - 14.5)),1 - min(1, abs(var(--y) - 8.5)))) calc(70 - var(--r)*8));
&::after{content:"•"}
}
}