.wrapper{place-items:center;min-height:100vh;display:grid;overflow:hidden}.container{filter:drop-shadow(20px 20px 10px #0004);position:relative}.circle{background-color:hsl(var(--hue,0),100%,var(--light));mix-blend-mode:hue;border-radius:50%;width:120px;height:120px;animation:12s ease-in-out infinite alternate circlesize,12s ease-out infinite circleTransform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes circlesize{0%,to{width:0;height:0}25%,75%{width:80px;height:80px}50%{width:8px;height:8px}}@keyframes circleTransform{0%{transform:translate(-50%,-50%)rotate(calc(var(--angle,0deg) + 360deg))translateY(0px)}to{transform:translate(-50%,-50%)rotate(var(--angle,0deg))translateY(-240px)}}.circle:first-child{--angle:0deg;--light:90%;--hue:0;animation-delay:0s}.circle:nth-child(2){--angle:120deg;--light:89.75%;--hue:120.4;animation-delay:-.0166667s}.circle:nth-child(3){--angle:240deg;--light:89.5%;--hue:240.8;animation-delay:-.0333333s}.circle:nth-child(4){--angle:0deg;--light:89.25%;--hue:1.2;animation-delay:-.05s}.circle:nth-child(5){--angle:120deg;--light:89%;--hue:121.6;animation-delay:-.0666667s}.circle:nth-child(6){--angle:240deg;--light:88.75%;--hue:242;animation-delay:-.0833333s}.circle:nth-child(7){--angle:0deg;--light:88.5%;--hue:2.4;animation-delay:-.1s}.circle:nth-child(8){--angle:120deg;--light:88.25%;--hue:122.8;animation-delay:-.116667s}.circle:nth-child(9){--angle:240deg;--light:88%;--hue:243.2;animation-delay:-.133333s}.circle:nth-child(10){--angle:0deg;--light:87.75%;--hue:3.6;animation-delay:-.15s}.circle:nth-child(11){--angle:120deg;--light:87.5%;--hue:124;animation-delay:-.166667s}.circle:nth-child(12){--angle:240deg;--light:87.25%;--hue:244.4;animation-delay:-.183333s}.circle:nth-child(13){--angle:0deg;--light:87%;--hue:4.8;animation-delay:-.2s}.circle:nth-child(14){--angle:120deg;--light:86.75%;--hue:125.2;animation-delay:-.216667s}.circle:nth-child(15){--angle:240deg;--light:86.5%;--hue:245.6;animation-delay:-.233333s}.circle:nth-child(16){--angle:0deg;--light:86.25%;--hue:6;animation-delay:-.25s}.circle:nth-child(17){--angle:120deg;--light:86%;--hue:126.4;animation-delay:-.266667s}.circle:nth-child(18){--angle:240deg;--light:85.75%;--hue:246.8;animation-delay:-.283333s}.circle:nth-child(19){--angle:0deg;--light:85.5%;--hue:7.2;animation-delay:-.3s}.circle:nth-child(20){--angle:120deg;--light:85.25%;--hue:127.6;animation-delay:-.316667s}.circle:nth-child(21){--angle:240deg;--light:85%;--hue:248;animation-delay:-.333333s}.circle:nth-child(22){--angle:0deg;--light:84.75%;--hue:8.4;animation-delay:-.35s}.circle:nth-child(23){--angle:120deg;--light:84.5%;--hue:128.8;animation-delay:-.366667s}.circle:nth-child(24){--angle:240deg;--light:84.25%;--hue:249.2;animation-delay:-.383333s}.circle:nth-child(25){--angle:0deg;--light:84%;--hue:9.6;animation-delay:-.4s}.circle:nth-child(26){--angle:120deg;--light:83.75%;--hue:130;animation-delay:-.416667s}.circle:nth-child(27){--angle:240deg;--light:83.5%;--hue:250.4;animation-delay:-.433333s}.circle:nth-child(28){--angle:0deg;--light:83.25%;--hue:10.8;animation-delay:-.45s}.circle:nth-child(29){--angle:120deg;--light:83%;--hue:131.2;animation-delay:-.466667s}.circle:nth-child(30){--angle:240deg;--light:82.75%;--hue:251.6;animation-delay:-.483333s}.circle:nth-child(31){--angle:0deg;--light:82.5%;--hue:12;animation-delay:-.5s}.circle:nth-child(32){--angle:120deg;--light:82.25%;--hue:132.4;animation-delay:-.516667s}.circle:nth-child(33){--angle:240deg;--light:82%;--hue:252.8;animation-delay:-.533333s}.circle:nth-child(34){--angle:0deg;--light:81.75%;--hue:13.2;animation-delay:-.55s}.circle:nth-child(35){--angle:120deg;--light:81.5%;--hue:133.6;animation-delay:-.566667s}.circle:nth-child(36){--angle:240deg;--light:81.25%;--hue:254;animation-delay:-.583333s}.circle:nth-child(37){--angle:0deg;--light:81%;--hue:14.4;animation-delay:-.6s}.circle:nth-child(38){--angle:120deg;--light:80.75%;--hue:134.8;animation-delay:-.616667s}.circle:nth-child(39){--angle:240deg;--light:80.5%;--hue:255.2;animation-delay:-.633333s}.circle:nth-child(40){--angle:0deg;--light:80.25%;--hue:15.6;animation-delay:-.65s}.circle:nth-child(41){--angle:120deg;--light:80%;--hue:136;animation-delay:-.666667s}.circle:nth-child(42){--angle:240deg;--light:79.75%;--hue:256.4;animation-delay:-.683333s}.circle:nth-child(43){--angle:0deg;--light:79.5%;--hue:16.8;animation-delay:-.7s}.circle:nth-child(44){--angle:120deg;--light:79.25%;--hue:137.2;animation-delay:-.716667s}.circle:nth-child(45){--angle:240deg;--light:79%;--hue:257.6;animation-delay:-.733333s}.circle:nth-child(46){--angle:0deg;--light:78.75%;--hue:18;animation-delay:-.75s}.circle:nth-child(47){--angle:120deg;--light:78.5%;--hue:138.4;animation-delay:-.766667s}.circle:nth-child(48){--angle:240deg;--light:78.25%;--hue:258.8;animation-delay:-.783333s}.circle:nth-child(49){--angle:0deg;--light:78%;--hue:19.2;animation-delay:-.8s}.circle:nth-child(50){--angle:120deg;--light:77.75%;--hue:139.6;animation-delay:-.816667s}.circle:nth-child(51){--angle:240deg;--light:77.5%;--hue:260;animation-delay:-.833333s}.circle:nth-child(52){--angle:0deg;--light:77.25%;--hue:20.4;animation-delay:-.85s}.circle:nth-child(53){--angle:120deg;--light:77%;--hue:140.8;animation-delay:-.866667s}.circle:nth-child(54){--angle:240deg;--light:76.75%;--hue:261.2;animation-delay:-.883333s}.circle:nth-child(55){--angle:0deg;--light:76.5%;--hue:21.6;animation-delay:-.9s}.circle:nth-child(56){--angle:120deg;--light:76.25%;--hue:142;animation-delay:-.916667s}.circle:nth-child(57){--angle:240deg;--light:76%;--hue:262.4;animation-delay:-.933333s}.circle:nth-child(58){--angle:0deg;--light:75.75%;--hue:22.8;animation-delay:-.95s}.circle:nth-child(59){--angle:120deg;--light:75.5%;--hue:143.2;animation-delay:-.966667s}.circle:nth-child(60){--angle:240deg;--light:75.25%;--hue:263.6;animation-delay:-.983333s}.circle:nth-child(61){--angle:0deg;--light:75%;--hue:24;animation-delay:-1s}.circle:nth-child(62){--angle:120deg;--light:74.75%;--hue:144.4;animation-delay:-1.01667s}.circle:nth-child(63){--angle:240deg;--light:74.5%;--hue:264.8;animation-delay:-1.03333s}.circle:nth-child(64){--angle:0deg;--light:74.25%;--hue:25.2;animation-delay:-1.05s}.circle:nth-child(65){--angle:120deg;--light:74%;--hue:145.6;animation-delay:-1.06667s}.circle:nth-child(66){--angle:240deg;--light:73.75%;--hue:266;animation-delay:-1.08333s}.circle:nth-child(67){--angle:0deg;--light:73.5%;--hue:26.4;animation-delay:-1.1s}.circle:nth-child(68){--angle:120deg;--light:73.25%;--hue:146.8;animation-delay:-1.11667s}.circle:nth-child(69){--angle:240deg;--light:73%;--hue:267.2;animation-delay:-1.13333s}.circle:nth-child(70){--angle:0deg;--light:72.75%;--hue:27.6;animation-delay:-1.15s}.circle:nth-child(71){--angle:120deg;--light:72.5%;--hue:148;animation-delay:-1.16667s}.circle:nth-child(72){--angle:240deg;--light:72.25%;--hue:268.4;animation-delay:-1.18333s}.circle:nth-child(73){--angle:0deg;--light:72%;--hue:28.8;animation-delay:-1.2s}.circle:nth-child(74){--angle:120deg;--light:71.75%;--hue:149.2;animation-delay:-1.21667s}.circle:nth-child(75){--angle:240deg;--light:71.5%;--hue:269.6;animation-delay:-1.23333s}.circle:nth-child(76){--angle:0deg;--light:71.25%;--hue:30;animation-delay:-1.25s}.circle:nth-child(77){--angle:120deg;--light:71%;--hue:150.4;animation-delay:-1.26667s}.circle:nth-child(78){--angle:240deg;--light:70.75%;--hue:270.8;animation-delay:-1.28333s}.circle:nth-child(79){--angle:0deg;--light:70.5%;--hue:31.2;animation-delay:-1.3s}.circle:nth-child(80){--angle:120deg;--light:70.25%;--hue:151.6;animation-delay:-1.31667s}.circle:nth-child(81){--angle:240deg;--light:70%;--hue:272;animation-delay:-1.33333s}.circle:nth-child(82){--angle:0deg;--light:69.75%;--hue:32.4;animation-delay:-1.35s}.circle:nth-child(83){--angle:120deg;--light:69.5%;--hue:152.8;animation-delay:-1.36667s}.circle:nth-child(84){--angle:240deg;--light:69.25%;--hue:273.2;animation-delay:-1.38333s}.circle:nth-child(85){--angle:0deg;--light:69%;--hue:33.6;animation-delay:-1.4s}.circle:nth-child(86){--angle:120deg;--light:68.75%;--hue:154;animation-delay:-1.41667s}.circle:nth-child(87){--angle:240deg;--light:68.5%;--hue:274.4;animation-delay:-1.43333s}.circle:nth-child(88){--angle:0deg;--light:68.25%;--hue:34.8;animation-delay:-1.45s}.circle:nth-child(89){--angle:120deg;--light:68%;--hue:155.2;animation-delay:-1.46667s}.circle:nth-child(90){--angle:240deg;--light:67.75%;--hue:275.6;animation-delay:-1.48333s}.circle:nth-child(91){--angle:0deg;--light:67.5%;--hue:36;animation-delay:-1.5s}.circle:nth-child(92){--angle:120deg;--light:67.25%;--hue:156.4;animation-delay:-1.51667s}.circle:nth-child(93){--angle:240deg;--light:67%;--hue:276.8;animation-delay:-1.53333s}.circle:nth-child(94){--angle:0deg;--light:66.75%;--hue:37.2;animation-delay:-1.55s}.circle:nth-child(95){--angle:120deg;--light:66.5%;--hue:157.6;animation-delay:-1.56667s}.circle:nth-child(96){--angle:240deg;--light:66.25%;--hue:278;animation-delay:-1.58333s}.circle:nth-child(97){--angle:0deg;--light:66%;--hue:38.4;animation-delay:-1.6s}.circle:nth-child(98){--angle:120deg;--light:65.75%;--hue:158.8;animation-delay:-1.61667s}.circle:nth-child(99){--angle:240deg;--light:65.5%;--hue:279.2;animation-delay:-1.63333s}.circle:nth-child(100){--angle:0deg;--light:65.25%;--hue:39.6;animation-delay:-1.65s}.circle:nth-child(101){--angle:120deg;--light:65%;--hue:160;animation-delay:-1.66667s}.circle:nth-child(102){--angle:240deg;--light:64.75%;--hue:280.4;animation-delay:-1.68333s}.circle:nth-child(103){--angle:0deg;--light:64.5%;--hue:40.8;animation-delay:-1.7s}.circle:nth-child(104){--angle:120deg;--light:64.25%;--hue:161.2;animation-delay:-1.71667s}.circle:nth-child(105){--angle:240deg;--light:64%;--hue:281.6;animation-delay:-1.73333s}.circle:nth-child(106){--angle:0deg;--light:63.75%;--hue:42;animation-delay:-1.75s}.circle:nth-child(107){--angle:120deg;--light:63.5%;--hue:162.4;animation-delay:-1.76667s}.circle:nth-child(108){--angle:240deg;--light:63.25%;--hue:282.8;animation-delay:-1.78333s}.circle:nth-child(109){--angle:0deg;--light:63%;--hue:43.2;animation-delay:-1.8s}.circle:nth-child(110){--angle:120deg;--light:62.75%;--hue:163.6;animation-delay:-1.81667s}.circle:nth-child(111){--angle:240deg;--light:62.5%;--hue:284;animation-delay:-1.83333s}.circle:nth-child(112){--angle:0deg;--light:62.25%;--hue:44.4;animation-delay:-1.85s}.circle:nth-child(113){--angle:120deg;--light:62%;--hue:164.8;animation-delay:-1.86667s}.circle:nth-child(114){--angle:240deg;--light:61.75%;--hue:285.2;animation-delay:-1.88333s}.circle:nth-child(115){--angle:0deg;--light:61.5%;--hue:45.6;animation-delay:-1.9s}.circle:nth-child(116){--angle:120deg;--light:61.25%;--hue:166;animation-delay:-1.91667s}.circle:nth-child(117){--angle:240deg;--light:61%;--hue:286.4;animation-delay:-1.93333s}.circle:nth-child(118){--angle:0deg;--light:60.75%;--hue:46.8;animation-delay:-1.95s}.circle:nth-child(119){--angle:120deg;--light:60.5%;--hue:167.2;animation-delay:-1.96667s}.circle:nth-child(120){--angle:240deg;--light:60.25%;--hue:287.6;animation-delay:-1.98333s}.circle:nth-child(121){--angle:0deg;--light:60%;--hue:48;animation-delay:-2s}.circle:nth-child(122){--angle:120deg;--light:59.75%;--hue:168.4;animation-delay:-2.01667s}.circle:nth-child(123){--angle:240deg;--light:59.5%;--hue:288.8;animation-delay:-2.03333s}.circle:nth-child(124){--angle:0deg;--light:59.25%;--hue:49.2;animation-delay:-2.05s}.circle:nth-child(125){--angle:120deg;--light:59%;--hue:169.6;animation-delay:-2.06667s}.circle:nth-child(126){--angle:240deg;--light:58.75%;--hue:290;animation-delay:-2.08333s}.circle:nth-child(127){--angle:0deg;--light:58.5%;--hue:50.4;animation-delay:-2.1s}.circle:nth-child(128){--angle:120deg;--light:58.25%;--hue:170.8;animation-delay:-2.11667s}.circle:nth-child(129){--angle:240deg;--light:58%;--hue:291.2;animation-delay:-2.13333s}.circle:nth-child(130){--angle:0deg;--light:57.75%;--hue:51.6;animation-delay:-2.15s}.circle:nth-child(131){--angle:120deg;--light:57.5%;--hue:172;animation-delay:-2.16667s}.circle:nth-child(132){--angle:240deg;--light:57.25%;--hue:292.4;animation-delay:-2.18333s}.circle:nth-child(133){--angle:0deg;--light:57%;--hue:52.8;animation-delay:-2.2s}.circle:nth-child(134){--angle:120deg;--light:56.75%;--hue:173.2;animation-delay:-2.21667s}.circle:nth-child(135){--angle:240deg;--light:56.5%;--hue:293.6;animation-delay:-2.23333s}.circle:nth-child(136){--angle:0deg;--light:56.25%;--hue:54;animation-delay:-2.25s}.circle:nth-child(137){--angle:120deg;--light:56%;--hue:174.4;animation-delay:-2.26667s}.circle:nth-child(138){--angle:240deg;--light:55.75%;--hue:294.8;animation-delay:-2.28333s}.circle:nth-child(139){--angle:0deg;--light:55.5%;--hue:55.2;animation-delay:-2.3s}.circle:nth-child(140){--angle:120deg;--light:55.25%;--hue:175.6;animation-delay:-2.31667s}.circle:nth-child(141){--angle:240deg;--light:55%;--hue:296;animation-delay:-2.33333s}.circle:nth-child(142){--angle:0deg;--light:54.75%;--hue:56.4;animation-delay:-2.35s}.circle:nth-child(143){--angle:120deg;--light:54.5%;--hue:176.8;animation-delay:-2.36667s}.circle:nth-child(144){--angle:240deg;--light:54.25%;--hue:297.2;animation-delay:-2.38333s}.circle:nth-child(145){--angle:0deg;--light:54%;--hue:57.6;animation-delay:-2.4s}.circle:nth-child(146){--angle:120deg;--light:53.75%;--hue:178;animation-delay:-2.41667s}.circle:nth-child(147){--angle:240deg;--light:53.5%;--hue:298.4;animation-delay:-2.43333s}.circle:nth-child(148){--angle:0deg;--light:53.25%;--hue:58.8;animation-delay:-2.45s}.circle:nth-child(149){--angle:120deg;--light:53%;--hue:179.2;animation-delay:-2.46667s}.circle:nth-child(150){--angle:240deg;--light:52.75%;--hue:299.6;animation-delay:-2.48333s}.circle:nth-child(151){--angle:0deg;--light:52.5%;--hue:60;animation-delay:-2.5s}.circle:nth-child(152){--angle:120deg;--light:52.25%;--hue:180.4;animation-delay:-2.51667s}.circle:nth-child(153){--angle:240deg;--light:52%;--hue:300.8;animation-delay:-2.53333s}.circle:nth-child(154){--angle:0deg;--light:51.75%;--hue:61.2;animation-delay:-2.55s}.circle:nth-child(155){--angle:120deg;--light:51.5%;--hue:181.6;animation-delay:-2.56667s}.circle:nth-child(156){--angle:240deg;--light:51.25%;--hue:302;animation-delay:-2.58333s}.circle:nth-child(157){--angle:0deg;--light:51%;--hue:62.4;animation-delay:-2.6s}.circle:nth-child(158){--angle:120deg;--light:50.75%;--hue:182.8;animation-delay:-2.61667s}.circle:nth-child(159){--angle:240deg;--light:50.5%;--hue:303.2;animation-delay:-2.63333s}.circle:nth-child(160){--angle:0deg;--light:50.25%;--hue:63.6;animation-delay:-2.65s}.circle:nth-child(161){--angle:120deg;--light:50%;--hue:184;animation-delay:-2.66667s}.circle:nth-child(162){--angle:240deg;--light:49.75%;--hue:304.4;animation-delay:-2.68333s}.circle:nth-child(163){--angle:0deg;--light:49.5%;--hue:64.8;animation-delay:-2.7s}.circle:nth-child(164){--angle:120deg;--light:49.25%;--hue:185.2;animation-delay:-2.71667s}.circle:nth-child(165){--angle:240deg;--light:49%;--hue:305.6;animation-delay:-2.73333s}.circle:nth-child(166){--angle:0deg;--light:48.75%;--hue:66;animation-delay:-2.75s}.circle:nth-child(167){--angle:120deg;--light:48.5%;--hue:186.4;animation-delay:-2.76667s}.circle:nth-child(168){--angle:240deg;--light:48.25%;--hue:306.8;animation-delay:-2.78333s}.circle:nth-child(169){--angle:0deg;--light:48%;--hue:67.2;animation-delay:-2.8s}.circle:nth-child(170){--angle:120deg;--light:47.75%;--hue:187.6;animation-delay:-2.81667s}.circle:nth-child(171){--angle:240deg;--light:47.5%;--hue:308;animation-delay:-2.83333s}.circle:nth-child(172){--angle:0deg;--light:47.25%;--hue:68.4;animation-delay:-2.85s}.circle:nth-child(173){--angle:120deg;--light:47%;--hue:188.8;animation-delay:-2.86667s}.circle:nth-child(174){--angle:240deg;--light:46.75%;--hue:309.2;animation-delay:-2.88333s}.circle:nth-child(175){--angle:0deg;--light:46.5%;--hue:69.6;animation-delay:-2.9s}.circle:nth-child(176){--angle:120deg;--light:46.25%;--hue:190;animation-delay:-2.91667s}.circle:nth-child(177){--angle:240deg;--light:46%;--hue:310.4;animation-delay:-2.93333s}.circle:nth-child(178){--angle:0deg;--light:45.75%;--hue:70.8;animation-delay:-2.95s}.circle:nth-child(179){--angle:120deg;--light:45.5%;--hue:191.2;animation-delay:-2.96667s}.circle:nth-child(180){--angle:240deg;--light:45.25%;--hue:311.6;animation-delay:-2.98333s}