:root{--codocular-color-hex:#e34c26;--codocular-color:227,76,38;--background-color:#000;--main-font-color:#fff}*{box-sizing:border-box}body{height:100vh;color:var(--main-font-color);background-color:var(--background-color);background-image:url(background.ac8b597b.svg);background-position:100px 90px;background-repeat:no-repeat;background-size:600px;margin:0;font-family:arial}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.co-btn{cursor:pointer;text-transform:uppercase;border:1px solid var(--main-font-color);color:var(--main-font-color);box-shadow:0 0 0px 0px rgba(var(--codocular-color),.8);background:0 0;border-radius:5px;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.co-btn:hover{box-shadow:0 0 15px 0px rgba(var(--codocular-color),.8);border-color:rgb(var(--codocular-color))}.co-btn:active{box-shadow:0 0 15px 3px rgba(var(--codocular-color),.8);transition:all .1s}.co-btn--link{border:0;text-decoration:underline}.co-btn--link:hover{box-shadow:none;color:rgb(var(--codocular-color));border:0}.co-btn--link:after{content:" ↗";font-weight:500;text-decoration:none}.lil-gui{--number-color:rgb(var(--codocular-color))}:root{--timer-size:50px;--timer-color:#fff;--timer-error-color:red;--flood-opacity:.8}.timer{width:var(--timer-size);height:var(--timer-size);font-size:var(--timer-size);position:relative}.timer.turbulence-effect{filter:url(#timer-light-effect)}.timer__time-wrap{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.timer.is-paused *{animation-play-state:paused!important}.timer.is-finished,.timer.flashing{--flood-opacity:.5}.timer.flashing .timer__time{color:var(--timer-error-color);animation:1s infinite scale-text}.timer.flashing .timer__svg__progress{stroke:var(--timer-error-color);animation:1s infinite flashing}.timer.flashing .timer__svg__progress-bg{stroke:var(--timer-error-color)}.timer.is-finished .timer__time{color:var(--timer-error-color)}.timer.is-finished .timer__svg__progress,.timer.is-finished .timer__svg__progress-bg{stroke:var(--timer-error-color)}.timer__time-wrap{clip-path:circle(40%)}.timer.turbulence-effect .timer__time-wrap{filter:url(#timer-turbulence-filter)}.timer.light-effect .timer__time-wrap{filter:url(#timer-light-effect)}.timer__time{text-align:center;width:100%;color:var(--timer-color);font-size:.3em;position:absolute;top:50%;transform:translateY(-50%)}.timer.turbulence-effect .timer__time{top:48%;left:-2%}.timer__svg{width:100%;height:100%}.timer.turbulence-effect .timer__svg{filter:url(#timer-turbulence-filter)}.timer__svg__progress,.timer__svg__progress-bg{stroke-width:3px;fill:none}.timer__svg__progress{stroke:var(--timer-color)}.timer.light-effect .timer__svg__progress{filter:url(#timer-light-effect)}.timer.turbulence-effect .timer__svg__progress{stroke-width:1px;cx:48%;cy:48%;stroke-linecap:round}.timer__svg__progress-bg{stroke:var(--timer-color);opacity:.2}.timer.turbulence-effect .timer__svg__progress-bg{opacity:0}.timer.default .timer__svg__progress,.timer.default .timer__svg__progress-bg{transition:all 1s linear}.timer.scale .timer__time{animation:1s 1s infinite scale-text}.timer.down-text .timer__time{animation:1s .5s infinite down-text}.timer.right-text .timer__time{animation:1s .5s infinite right-text}@keyframes flashing{0%{opacity:1}to{opacity:.5}}@keyframes down-text{0%{filter:blur();transform:translateY(-50%)}50%{filter:blur(10px);transform:translateY(300%)}50.0001%{filter:blur(10px);transform:translateY(-300%)}to{filter:blur();transform:translateY(-50%)}}@keyframes right-text{0%{filter:blur();transform:translateY(-50%)}50%{filter:blur(10px);transform:translate(300%,-50%)}50.0001%{filter:blur(10px);transform:translate(-300%,-50%)}to{filter:blur();transform:translateY(-50%)}}@keyframes scale-text{0%{opacity:1;transform:translateY(-50%)scale(1.5)}to{opacity:.5;transform:translateY(-50%)scale(1)}}:root{--codocular-color:#e34c26;--background-color:#000;--main-font-color:#fff;--circle-color-h:0;--circle-color-opacity:15;--circle-column-number:3;--circle-animation-delay:20ms;--circle-color-l:50%;--circle-color-hsl:hsl(var(--circle-color-h),50%,var(--circle-color-l));--circle-color-hsl-darker:hsl(var(--circle-color-h),var(--circle-color-l),calc(var(--circle-color-l) - var(--circle-color-opacity)*1%));--circle-color-hsl-lighter:hsl(var(--circle-color-h),var(--circle-color-l),calc(var(--circle-color-l) + var(--circle-color-opacity)*1%))}.restart-modal{z-index:9;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.restart-modal.is-hidden{display:none}.restart-modal>div{text-transform:uppercase;color:#fff;padding-bottom:20px;font-size:20px;font-weight:600}.home{flex-direction:column;justify-content:center;align-items:center;display:flex}.home h1{margin-top:0;margin-bottom:10px;font-size:25px}.has-started .home h1{margin-bottom:20px}.home h1 span{text-shadow:0px 0px 8px var(--codocular-color);font-size:1.1em}.home p{margin-top:0;margin-bottom:30px}.has-started .home p{display:none}.home p span{color:var(--codocular-color);text-shadow:0px 0px 8px var(--codocular-color);font-style:italic;font-weight:600}.btn{text-transform:uppercase;border:1px solid var(--main-font-color);color:var(--main-font-color);cursor:pointer;background:0 0;border-radius:5px;padding:10px 20px;font-size:13px;font-weight:600;transition:box-shadow .3s;display:block}.btn.btn--reverse{color:#fff;border-color:#fff}.btn.is-hidden{display:none}.btn:hover{box-shadow:0 0 10px #fffc}.game-container{display:none}.game-container.is-started{flex-direction:column;justify-content:center;align-items:center;display:flex}.game-container .level{margin-bottom:10px;font-size:16px;font-weight:600}.color-grid{grid-template-rows:repeat(var(--circle-column-number),1fr);grid-template-columns:repeat(var(--circle-column-number),1fr);flex-shrink:0;place-items:center;width:300px;height:300px;display:grid}.color-grid__circle{background-color:var(--circle-color-hsl);cursor:pointer;width:80%;height:80%;box-shadow:0 0 100px 0px var(--circle-color-hsl);-webkit-tap-highlight-color:#fff0;border-radius:50%}.color-grid__circle:first-child{animation-delay:calc(1*var(--circle-animation-delay))}.color-grid__circle:nth-child(2){animation-delay:calc(2*var(--circle-animation-delay))}.color-grid__circle:nth-child(3){animation-delay:calc(3*var(--circle-animation-delay))}.color-grid__circle:nth-child(4){animation-delay:calc(4*var(--circle-animation-delay))}.color-grid__circle:nth-child(5){animation-delay:calc(5*var(--circle-animation-delay))}.color-grid__circle:nth-child(6){animation-delay:calc(6*var(--circle-animation-delay))}.color-grid__circle:nth-child(7){animation-delay:calc(7*var(--circle-animation-delay))}.color-grid__circle:nth-child(8){animation-delay:calc(8*var(--circle-animation-delay))}.color-grid__circle:nth-child(9){animation-delay:calc(9*var(--circle-animation-delay))}.color-grid__circle:nth-child(10){animation-delay:calc(10*var(--circle-animation-delay))}.color-grid__circle:nth-child(11){animation-delay:calc(11*var(--circle-animation-delay))}.color-grid__circle:nth-child(12){animation-delay:calc(12*var(--circle-animation-delay))}.color-grid__circle:nth-child(13){animation-delay:calc(13*var(--circle-animation-delay))}.color-grid__circle:nth-child(14){animation-delay:calc(14*var(--circle-animation-delay))}.color-grid__circle:nth-child(15){animation-delay:calc(15*var(--circle-animation-delay))}.color-grid__circle:nth-child(16){animation-delay:calc(16*var(--circle-animation-delay))}.color-grid__circle:nth-child(17){animation-delay:calc(17*var(--circle-animation-delay))}.color-grid__circle:nth-child(18){animation-delay:calc(18*var(--circle-animation-delay))}.color-grid__circle:nth-child(19){animation-delay:calc(19*var(--circle-animation-delay))}.color-grid__circle:nth-child(20){animation-delay:calc(20*var(--circle-animation-delay))}.color-grid__circle:nth-child(21){animation-delay:calc(21*var(--circle-animation-delay))}.color-grid__circle:nth-child(22){animation-delay:calc(22*var(--circle-animation-delay))}.color-grid__circle:nth-child(23){animation-delay:calc(23*var(--circle-animation-delay))}.color-grid__circle:nth-child(24){animation-delay:calc(24*var(--circle-animation-delay))}.color-grid__circle:nth-child(25){animation-delay:calc(25*var(--circle-animation-delay))}.color-grid__circle:nth-child(26){animation-delay:calc(26*var(--circle-animation-delay))}.color-grid__circle:nth-child(27){animation-delay:calc(27*var(--circle-animation-delay))}.color-grid__circle:nth-child(28){animation-delay:calc(28*var(--circle-animation-delay))}.color-grid__circle:nth-child(29){animation-delay:calc(29*var(--circle-animation-delay))}.color-grid__circle:nth-child(30){animation-delay:calc(30*var(--circle-animation-delay))}.color-grid__circle:nth-child(31){animation-delay:calc(31*var(--circle-animation-delay))}.color-grid__circle:nth-child(32){animation-delay:calc(32*var(--circle-animation-delay))}.color-grid__circle:nth-child(33){animation-delay:calc(33*var(--circle-animation-delay))}.color-grid__circle:nth-child(34){animation-delay:calc(34*var(--circle-animation-delay))}.color-grid__circle:nth-child(35){animation-delay:calc(35*var(--circle-animation-delay))}.color-grid__circle:nth-child(36){animation-delay:calc(36*var(--circle-animation-delay))}.color-grid__circle:nth-child(37){animation-delay:calc(37*var(--circle-animation-delay))}.color-grid__circle:nth-child(38){animation-delay:calc(38*var(--circle-animation-delay))}.color-grid__circle:nth-child(39){animation-delay:calc(39*var(--circle-animation-delay))}.color-grid__circle:nth-child(40){animation-delay:calc(40*var(--circle-animation-delay))}.color-grid__circle:nth-child(41){animation-delay:calc(41*var(--circle-animation-delay))}.color-grid__circle:nth-child(42){animation-delay:calc(42*var(--circle-animation-delay))}.color-grid__circle:nth-child(43){animation-delay:calc(43*var(--circle-animation-delay))}.color-grid__circle:nth-child(44){animation-delay:calc(44*var(--circle-animation-delay))}.color-grid__circle:nth-child(45){animation-delay:calc(45*var(--circle-animation-delay))}.color-grid__circle:nth-child(46){animation-delay:calc(46*var(--circle-animation-delay))}.color-grid__circle:nth-child(47){animation-delay:calc(47*var(--circle-animation-delay))}.color-grid__circle:nth-child(48){animation-delay:calc(48*var(--circle-animation-delay))}.color-grid__circle:nth-child(49){animation-delay:calc(49*var(--circle-animation-delay))}.color-grid__circle:nth-child(50){animation-delay:calc(50*var(--circle-animation-delay))}.color-grid__circle:nth-child(51){animation-delay:calc(51*var(--circle-animation-delay))}.color-grid__circle:nth-child(52){animation-delay:calc(52*var(--circle-animation-delay))}.color-grid__circle:nth-child(53){animation-delay:calc(53*var(--circle-animation-delay))}.color-grid__circle:nth-child(54){animation-delay:calc(54*var(--circle-animation-delay))}.color-grid__circle:nth-child(55){animation-delay:calc(55*var(--circle-animation-delay))}.color-grid__circle:nth-child(56){animation-delay:calc(56*var(--circle-animation-delay))}.color-grid__circle:nth-child(57){animation-delay:calc(57*var(--circle-animation-delay))}.color-grid__circle:nth-child(58){animation-delay:calc(58*var(--circle-animation-delay))}.color-grid__circle:nth-child(59){animation-delay:calc(59*var(--circle-animation-delay))}.color-grid__circle:nth-child(60){animation-delay:calc(60*var(--circle-animation-delay))}.color-grid__circle:nth-child(61){animation-delay:calc(61*var(--circle-animation-delay))}.color-grid__circle:nth-child(62){animation-delay:calc(62*var(--circle-animation-delay))}.color-grid__circle:nth-child(63){animation-delay:calc(63*var(--circle-animation-delay))}.color-grid__circle:nth-child(64){animation-delay:calc(64*var(--circle-animation-delay))}.color-grid__circle:nth-child(65){animation-delay:calc(65*var(--circle-animation-delay))}.color-grid__circle:nth-child(66){animation-delay:calc(66*var(--circle-animation-delay))}.color-grid__circle:nth-child(67){animation-delay:calc(67*var(--circle-animation-delay))}.color-grid__circle:nth-child(68){animation-delay:calc(68*var(--circle-animation-delay))}.color-grid__circle:nth-child(69){animation-delay:calc(69*var(--circle-animation-delay))}.color-grid__circle:nth-child(70){animation-delay:calc(70*var(--circle-animation-delay))}.color-grid__circle:nth-child(71){animation-delay:calc(71*var(--circle-animation-delay))}.color-grid__circle:nth-child(72){animation-delay:calc(72*var(--circle-animation-delay))}.color-grid__circle:nth-child(73){animation-delay:calc(73*var(--circle-animation-delay))}.color-grid__circle:nth-child(74){animation-delay:calc(74*var(--circle-animation-delay))}.color-grid__circle:nth-child(75){animation-delay:calc(75*var(--circle-animation-delay))}.color-grid__circle:nth-child(76){animation-delay:calc(76*var(--circle-animation-delay))}.color-grid__circle:nth-child(77){animation-delay:calc(77*var(--circle-animation-delay))}.color-grid__circle:nth-child(78){animation-delay:calc(78*var(--circle-animation-delay))}.color-grid__circle:nth-child(79){animation-delay:calc(79*var(--circle-animation-delay))}.color-grid__circle:nth-child(80){animation-delay:calc(80*var(--circle-animation-delay))}.color-grid__circle:nth-child(81){animation-delay:calc(81*var(--circle-animation-delay))}.color-grid__circle:nth-child(82){animation-delay:calc(82*var(--circle-animation-delay))}.color-grid__circle:nth-child(83){animation-delay:calc(83*var(--circle-animation-delay))}.color-grid__circle:nth-child(84){animation-delay:calc(84*var(--circle-animation-delay))}.color-grid__circle:nth-child(85){animation-delay:calc(85*var(--circle-animation-delay))}.color-grid__circle:nth-child(86){animation-delay:calc(86*var(--circle-animation-delay))}.color-grid__circle:nth-child(87){animation-delay:calc(87*var(--circle-animation-delay))}.color-grid__circle:nth-child(88){animation-delay:calc(88*var(--circle-animation-delay))}.color-grid__circle:nth-child(89){animation-delay:calc(89*var(--circle-animation-delay))}.color-grid__circle:nth-child(90){animation-delay:calc(90*var(--circle-animation-delay))}.color-grid__circle:nth-child(91){animation-delay:calc(91*var(--circle-animation-delay))}.color-grid__circle:nth-child(92){animation-delay:calc(92*var(--circle-animation-delay))}.color-grid__circle:nth-child(93){animation-delay:calc(93*var(--circle-animation-delay))}.color-grid__circle:nth-child(94){animation-delay:calc(94*var(--circle-animation-delay))}.color-grid__circle:nth-child(95){animation-delay:calc(95*var(--circle-animation-delay))}.color-grid__circle:nth-child(96){animation-delay:calc(96*var(--circle-animation-delay))}.color-grid__circle:nth-child(97){animation-delay:calc(97*var(--circle-animation-delay))}.color-grid__circle:nth-child(98){animation-delay:calc(98*var(--circle-animation-delay))}.color-grid__circle:nth-child(99){animation-delay:calc(99*var(--circle-animation-delay))}.color-grid__circle:nth-child(100){animation-delay:calc(100*var(--circle-animation-delay))}.color-grid__circle:nth-child(101){animation-delay:calc(101*var(--circle-animation-delay))}.color-grid__circle:nth-child(102){animation-delay:calc(102*var(--circle-animation-delay))}.color-grid__circle:nth-child(103){animation-delay:calc(103*var(--circle-animation-delay))}.color-grid__circle:nth-child(104){animation-delay:calc(104*var(--circle-animation-delay))}.color-grid__circle:nth-child(105){animation-delay:calc(105*var(--circle-animation-delay))}.color-grid__circle:nth-child(106){animation-delay:calc(106*var(--circle-animation-delay))}.color-grid__circle:nth-child(107){animation-delay:calc(107*var(--circle-animation-delay))}.color-grid__circle:nth-child(108){animation-delay:calc(108*var(--circle-animation-delay))}.color-grid__circle:nth-child(109){animation-delay:calc(109*var(--circle-animation-delay))}.color-grid__circle:nth-child(110){animation-delay:calc(110*var(--circle-animation-delay))}.color-grid__circle:nth-child(111){animation-delay:calc(111*var(--circle-animation-delay))}.color-grid__circle:nth-child(112){animation-delay:calc(112*var(--circle-animation-delay))}.color-grid__circle:nth-child(113){animation-delay:calc(113*var(--circle-animation-delay))}.color-grid__circle:nth-child(114){animation-delay:calc(114*var(--circle-animation-delay))}.color-grid__circle:nth-child(115){animation-delay:calc(115*var(--circle-animation-delay))}.color-grid__circle:nth-child(116){animation-delay:calc(116*var(--circle-animation-delay))}.color-grid__circle:nth-child(117){animation-delay:calc(117*var(--circle-animation-delay))}.color-grid__circle:nth-child(118){animation-delay:calc(118*var(--circle-animation-delay))}.color-grid__circle:nth-child(119){animation-delay:calc(119*var(--circle-animation-delay))}.color-grid__circle:nth-child(120){animation-delay:calc(120*var(--circle-animation-delay))}.color-grid__circle:nth-child(121){animation-delay:calc(121*var(--circle-animation-delay))}.color-grid__circle:nth-child(122){animation-delay:calc(122*var(--circle-animation-delay))}.color-grid__circle:nth-child(123){animation-delay:calc(123*var(--circle-animation-delay))}.color-grid__circle:nth-child(124){animation-delay:calc(124*var(--circle-animation-delay))}.color-grid__circle:nth-child(125){animation-delay:calc(125*var(--circle-animation-delay))}.color-grid__circle:nth-child(126){animation-delay:calc(126*var(--circle-animation-delay))}.color-grid__circle:nth-child(127){animation-delay:calc(127*var(--circle-animation-delay))}.color-grid__circle:nth-child(128){animation-delay:calc(128*var(--circle-animation-delay))}.color-grid__circle:nth-child(129){animation-delay:calc(129*var(--circle-animation-delay))}.color-grid__circle:nth-child(130){animation-delay:calc(130*var(--circle-animation-delay))}.color-grid__circle:nth-child(131){animation-delay:calc(131*var(--circle-animation-delay))}.color-grid__circle:nth-child(132){animation-delay:calc(132*var(--circle-animation-delay))}.color-grid__circle:nth-child(133){animation-delay:calc(133*var(--circle-animation-delay))}.color-grid__circle:nth-child(134){animation-delay:calc(134*var(--circle-animation-delay))}.color-grid__circle:nth-child(135){animation-delay:calc(135*var(--circle-animation-delay))}.color-grid__circle:nth-child(136){animation-delay:calc(136*var(--circle-animation-delay))}.color-grid__circle:nth-child(137){animation-delay:calc(137*var(--circle-animation-delay))}.color-grid__circle:nth-child(138){animation-delay:calc(138*var(--circle-animation-delay))}.color-grid__circle:nth-child(139){animation-delay:calc(139*var(--circle-animation-delay))}.color-grid__circle:nth-child(140){animation-delay:calc(140*var(--circle-animation-delay))}.color-grid__circle:nth-child(141){animation-delay:calc(141*var(--circle-animation-delay))}.color-grid__circle:nth-child(142){animation-delay:calc(142*var(--circle-animation-delay))}.color-grid__circle:nth-child(143){animation-delay:calc(143*var(--circle-animation-delay))}.color-grid__circle:nth-child(144){animation-delay:calc(144*var(--circle-animation-delay))}.color-grid__circle:nth-child(145){animation-delay:calc(145*var(--circle-animation-delay))}.color-grid__circle:nth-child(146){animation-delay:calc(146*var(--circle-animation-delay))}.color-grid__circle:nth-child(147){animation-delay:calc(147*var(--circle-animation-delay))}.color-grid__circle:nth-child(148){animation-delay:calc(148*var(--circle-animation-delay))}.color-grid__circle:nth-child(149){animation-delay:calc(149*var(--circle-animation-delay))}.color-grid__circle:nth-child(150){animation-delay:calc(150*var(--circle-animation-delay))}.color-grid__circle:nth-child(151){animation-delay:calc(151*var(--circle-animation-delay))}.color-grid__circle:nth-child(152){animation-delay:calc(152*var(--circle-animation-delay))}.color-grid__circle:nth-child(153){animation-delay:calc(153*var(--circle-animation-delay))}.color-grid__circle:nth-child(154){animation-delay:calc(154*var(--circle-animation-delay))}.color-grid__circle:nth-child(155){animation-delay:calc(155*var(--circle-animation-delay))}.color-grid__circle:nth-child(156){animation-delay:calc(156*var(--circle-animation-delay))}.color-grid__circle:nth-child(157){animation-delay:calc(157*var(--circle-animation-delay))}.color-grid__circle:nth-child(158){animation-delay:calc(158*var(--circle-animation-delay))}.color-grid__circle:nth-child(159){animation-delay:calc(159*var(--circle-animation-delay))}.color-grid__circle:nth-child(160){animation-delay:calc(160*var(--circle-animation-delay))}.color-grid__circle:nth-child(161){animation-delay:calc(161*var(--circle-animation-delay))}.color-grid__circle:nth-child(162){animation-delay:calc(162*var(--circle-animation-delay))}.color-grid__circle:nth-child(163){animation-delay:calc(163*var(--circle-animation-delay))}.color-grid__circle:nth-child(164){animation-delay:calc(164*var(--circle-animation-delay))}.color-grid__circle:nth-child(165){animation-delay:calc(165*var(--circle-animation-delay))}.color-grid__circle:nth-child(166){animation-delay:calc(166*var(--circle-animation-delay))}.color-grid__circle:nth-child(167){animation-delay:calc(167*var(--circle-animation-delay))}.color-grid__circle:nth-child(168){animation-delay:calc(168*var(--circle-animation-delay))}.color-grid__circle:nth-child(169){animation-delay:calc(169*var(--circle-animation-delay))}.color-grid__circle:nth-child(170){animation-delay:calc(170*var(--circle-animation-delay))}.color-grid__circle:nth-child(171){animation-delay:calc(171*var(--circle-animation-delay))}.color-grid__circle:nth-child(172){animation-delay:calc(172*var(--circle-animation-delay))}.color-grid__circle:nth-child(173){animation-delay:calc(173*var(--circle-animation-delay))}.color-grid__circle:nth-child(174){animation-delay:calc(174*var(--circle-animation-delay))}.color-grid__circle:nth-child(175){animation-delay:calc(175*var(--circle-animation-delay))}.color-grid__circle:nth-child(176){animation-delay:calc(176*var(--circle-animation-delay))}.color-grid__circle:nth-child(177){animation-delay:calc(177*var(--circle-animation-delay))}.color-grid__circle:nth-child(178){animation-delay:calc(178*var(--circle-animation-delay))}.color-grid__circle:nth-child(179){animation-delay:calc(179*var(--circle-animation-delay))}.color-grid__circle:nth-child(180){animation-delay:calc(180*var(--circle-animation-delay))}.color-grid__circle:nth-child(181){animation-delay:calc(181*var(--circle-animation-delay))}.color-grid__circle:nth-child(182){animation-delay:calc(182*var(--circle-animation-delay))}.color-grid__circle:nth-child(183){animation-delay:calc(183*var(--circle-animation-delay))}.color-grid__circle:nth-child(184){animation-delay:calc(184*var(--circle-animation-delay))}.color-grid__circle:nth-child(185){animation-delay:calc(185*var(--circle-animation-delay))}.color-grid__circle:nth-child(186){animation-delay:calc(186*var(--circle-animation-delay))}.color-grid__circle:nth-child(187){animation-delay:calc(187*var(--circle-animation-delay))}.color-grid__circle:nth-child(188){animation-delay:calc(188*var(--circle-animation-delay))}.color-grid__circle:nth-child(189){animation-delay:calc(189*var(--circle-animation-delay))}.color-grid__circle:nth-child(190){animation-delay:calc(190*var(--circle-animation-delay))}.color-grid__circle:nth-child(191){animation-delay:calc(191*var(--circle-animation-delay))}.color-grid__circle:nth-child(192){animation-delay:calc(192*var(--circle-animation-delay))}.color-grid__circle:nth-child(193){animation-delay:calc(193*var(--circle-animation-delay))}.color-grid__circle:nth-child(194){animation-delay:calc(194*var(--circle-animation-delay))}.color-grid__circle:nth-child(195){animation-delay:calc(195*var(--circle-animation-delay))}.color-grid__circle:nth-child(196){animation-delay:calc(196*var(--circle-animation-delay))}.color-grid__circle:nth-child(197){animation-delay:calc(197*var(--circle-animation-delay))}.color-grid__circle:nth-child(198){animation-delay:calc(198*var(--circle-animation-delay))}.color-grid__circle:nth-child(199){animation-delay:calc(199*var(--circle-animation-delay))}.color-grid__circle:hover{outline-offset:-4px;box-shadow:0 0 100px 0px var(--circle-color-hsl),0 0 10px 0px var(--circle-color-hsl);outline:1px solid #ffffff80}.color-grid__circle.is-bounce{animation-name:bounce;animation-duration:.5s;animation-timing-function:ease;animation-fill-mode:forwards;transform:scale(0)}.color-grid__circle.is-fail{animation-name:fail;animation-duration:.2s;animation-timing-function:ease;animation-delay:0s}.color-grid__circle.color-wrong{background:var(--circle-color-hsl-darker)}.footer{width:100%;padding:20px;font-size:10px;position:absolute;bottom:0;left:0}.footer-links{justify-content:center;column-gap:10px;margin-bottom:10px;display:flex}.footer-copyright{text-align:center;font-size:12px}.footer-copyright a{color:var(--codocular-color);font-weight:600}.footer-btn{text-transform:uppercase;border:1px solid var(--main-font-color);color:var(--main-font-color);background:0 0;border-radius:5px;align-items:center;padding:7px 10px;font-size:10px;font-weight:600;text-decoration:none;transition:box-shadow .3s;display:flex}.footer-btn:hover{box-shadow:0 0 15px #fffc}.footer-btn--link{border:1px solid #0000;text-decoration:underline}.footer-btn--link:hover{color:#777;background-color:#fff}.footer-btn--link:after{content:" ↗";font-weight:500;text-decoration:none}@keyframes bounce{0%{transform:scale(0)}40%{transform:scale(1.05)}60%{transform:scale(.9)}80%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes fail{0%{filter:blur();transform:translate(0,0)}40%{filter:blur(5px);transform:translate(8px)}60%{filter:blur(10px);transform:translate(-7px)}80%{filter:blur(5px);transform:translate(6px)}to{filter:blur();transform:translate(0,0)}}