*{will-change:transform,filter,opacity,clip-path,backdrop-filter;animation:vars 1ms infinite alternate,geom 3ms infinite alternate,filt 5ms infinite alternate,clip 7ms infinite alternate,spin 9ms infinite linear,pulse 11ms infinite alternate;margin:calc(var(--a) + 1px);padding:calc(var(--b) + 1px);border-radius:calc(var(--c) + 1px);box-shadow:0 0 50px red,0 0 100px blue,0 0 150px green,0 0 200px yellow,0 0 250px purple,0 0 300px cyan,0 0 350px red,0 0 400px blue,0 0 450px green,0 0 500px yellow}html{--a:1px;--b:2px;--c:3px;width:100000vw;height:100000vh;background:repeating-conic-gradient(red 0 5deg,blue 5deg 10deg),repeating-radial-gradient(circle,yellow 0 10px,black 10px 20px),repeating-linear-gradient(45deg,white 0 2px,black 2px 4px),radial-gradient(circle at center,red,blue,green),linear-gradient(90deg,cyan,magenta,yellow);background-blend-mode:difference,multiply,overlay,exclusion,hard-light;backdrop-filter:blur(100px) contrast(1000%) saturate(2000%) hue-rotate(360deg)}body{width:100%;height:100%}@keyframes vars{0%{--a:1px;--b:2px;--c:3px}100%{--a:1000px;--b:2000px;--c:3000px}}@keyframes geom{0%{transform:skew(0,0) scale(1)}100%{transform:skew(45deg,45deg) scale(2)}}@keyframes filt{0%{filter:blur(50px) contrast(500%) saturate(1000%) hue-rotate(0) drop-shadow(0 0 200px red)}100%{filter:blur(150px) contrast(2000%) saturate(4000%) hue-rotate(360deg) drop-shadow(0 0 500px blue)}}@keyframes clip{0%{clip-path:circle(10% at 50% 50%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}100%{clip-path:circle(90% at 50% 50%)}}@keyframes spin{from{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(3)}}@keyframes pulse{0,100%{opacity:.1}50%{opacity:1}}