html做彩色方格,CSS3 彩色像素化方格

CSS

语言：

CSSSCSS

确定

section {

height: 600px;

width: 600px;

}

section .big-brother,

section .inner {

height: 200px;

width: 200px;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

}

section .big-brother {

z-index: 1000;

}

section .big-brother > div {

display: block;

height: 100%;

width: 20px;

background-color: black;

float: left;

}

section .sq {

background: black;

height: 10px;

width: 10px;

float: left;

}

.gate:nth-child(1) {

animation: gate-anim1 15s infinite ease-in;

animation-delay: 0.5s;

}

@keyframes gate-anim1 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(2) {

animation: gate-anim2 15s infinite ease-in;

animation-delay: 1s;

}

@keyframes gate-anim2 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(3) {

animation: gate-anim3 15s infinite ease-in;

animation-delay: 1.5s;

}

@keyframes gate-anim3 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(4) {

animation: gate-anim4 15s infinite ease-in;

animation-delay: 2s;

}

@keyframes gate-anim4 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(5) {

animation: gate-anim5 15s infinite ease-in;

animation-delay: 2.5s;

}

@keyframes gate-anim5 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(6) {

animation: gate-anim6 15s infinite ease-in;

animation-delay: 3s;

}

@keyframes gate-anim6 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(7) {

animation: gate-anim7 15s infinite ease-in;

animation-delay: 3.5s;

}

@keyframes gate-anim7 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(8) {

animation: gate-anim8 15s infinite ease-in;

animation-delay: 4s;

}

@keyframes gate-anim8 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(9) {

animation: gate-anim9 15s infinite ease-in;

animation-delay: 4.5s;

}

@keyframes gate-anim9 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.gate:nth-child(10) {

animation: gate-anim10 15s infinite ease-in;

animation-delay: 5s;

}

@keyframes gate-anim10 {

0% {

opacity: 1;

}

15% {

opacity: 0.25;

}

50% {

opacity: 0;

}

65% {

opacity: 0.25;

}

70% {

opacity: 1;

}

}

.sq:nth-child(1) {

animation: anim1 2s infinite ease-out;

animation-delay: 1.65s;

color: #00ffc4;

}

@keyframes anim1 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(2) {

animation: anim2 2s infinite ease-out;

animation-delay: 1.2s;

color: #2f0;

}

@keyframes anim2 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(3) {

animation: anim3 2s infinite ease-out;

animation-delay: 3.895s;

color: #0073ff;

}

@keyframes anim3 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(4) {

animation: anim4 2s infinite ease-out;

animation-delay: 3.14s;

color: #f50;

}

@keyframes anim4 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(5) {

animation: anim5 2s infinite ease-out;

animation-delay: 1.18s;

color: #2bff00;

}

@keyframes anim5 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(6) {

animation: anim6 2s infinite ease-out;

animation-delay: 0.535s;

color: #f0c;

}

@keyframes anim6 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(7) {

animation: anim7 2s infinite ease-out;

animation-delay: 0.31s;

color: #ff4000;

}

@keyframes anim7 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(8) {

animation: anim8 2s infinite ease-out;

animation-delay: 1.545s;

color: #f04;

}

@keyframes anim8 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(9) {

animation: anim9 2s infinite ease-out;

animation-delay: 1.555s;

color: #0dff00;

}

@keyframes anim9 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(10) {

animation: anim10 2s infinite ease-out;

animation-delay: 0.485s;

color: #00d4ff;

}

@keyframes anim10 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(11) {

animation: anim11 2s infinite ease-out;

animation-delay: 0.655s;

color: #00d0ff;

}

@keyframes anim11 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(12) {

animation: anim12 2s infinite ease-out;

animation-delay: 4.18s;

color: #6f0;

}

@keyframes anim12 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(13) {

animation: anim13 2s infinite ease-out;

animation-delay: 2.045s;

color: #ffa600;

}

@keyframes anim13 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(14) {

animation: anim14 2s infinite ease-out;

animation-delay: 0.185s;

color: #4d00ff;

}

@keyframes anim14 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(15) {

animation: anim15 2s infinite ease-out;

animation-delay: 2.375s;

color: #ffbf00;

}

@keyframes anim15 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(16) {

animation: anim16 2s infinite ease-out;

animation-delay: 1.15s;

color: #8f0;

}

@keyframes anim16 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(17) {

animation: anim17 2s infinite ease-out;

animation-delay: 4.025s;

color: #f60;

}

@keyframes anim17 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(18) {

animation: anim18 2s infinite ease-out;

animation-delay: 4.03s;

color: #ffe500;

}

@keyframes anim18 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(19) {

animation: anim19 2s infinite ease-out;

animation-delay: 1.455s;

color: #0084ff;

}

@keyframes anim19 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(20) {

animation: anim20 2s infinite ease-out;

animation-delay: 4.455s;

color: #a0f;

}

@keyframes anim20 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(21) {

animation: anim21 2s infinite ease-out;

animation-delay: 3.055s;

color: #0040ff;

}

@keyframes anim21 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(22) {

animation: anim22 2s infinite ease-out;

animation-delay: 0.485s;

color: #d400ff;

}

@keyframes anim22 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(23) {

animation: anim23 2s infinite ease-out;

animation-delay: 3.905s;

color: darkorange;

}

@keyframes anim23 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(24) {

animation: anim24 2s infinite ease-out;

animation-delay: 1.6s;

color: #06f;

}

@keyframes anim24 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(25) {

animation: anim25 2s infinite ease-out;

animation-delay: 3.93s;

color: #05f;

}

@keyframes anim25 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(26) {

animation: anim26 2s infinite ease-out;

animation-delay: 0.11s;

color: #d400ff;

}

@keyframes anim26 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(27) {

animation: anim27 2s infinite ease-out;

animation-delay: 2.455s;

color: #f2ff00;

}

@keyframes anim27 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(28) {

animation: anim28 2s infinite ease-out;

animation-delay: 3.235s;

color: #06f;

}

@keyframes anim28 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(29) {

animation: anim29 2s infinite ease-out;

animation-delay: 4.19s;

color: #8f0;

}

@keyframes anim29 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(30) {

animation: anim30 2s infinite ease-out;

animation-delay: 3.865s;

color: magenta;

}

@keyframes anim30 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(31) {

animation: anim31 2s infinite ease-out;

animation-delay: 0.075s;

color: #00fffb;

}

@keyframes anim31 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(32) {

animation: anim32 2s infinite ease-out;

animation-delay: 3.92s;

color: #f08;

}

@keyframes anim32 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(33) {

animation: anim33 2s infinite ease-out;

animation-delay: 0.64s;

color: #40ff00;

}

@keyframes anim33 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(34) {

animation: anim34 2s infinite ease-out;

animation-delay: 4.14s;

color: #0f3;

}

@keyframes anim34 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(35) {

animation: anim35 2s infinite ease-out;

animation-delay: 2.61s;

color: #ff00d4;

}

@keyframes anim35 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(36) {

animation: anim36 2s infinite ease-out;

animation-delay: 4.08s;

color: red;

}

@keyframes anim36 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(37) {

animation: anim37 2s infinite ease-out;

animation-delay: 3.31s;

color: #f01;

}

@keyframes anim37 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(38) {

animation: anim38 2s infinite ease-out;

animation-delay: 1.65s;

color: #00ffb3;

}

@keyframes anim38 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(39) {

animation: anim39 2s infinite ease-out;

animation-delay: 3.73s;

color: #30f;

}

@keyframes anim39 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(40) {

animation: anim40 2s infinite ease-out;

animation-delay: 4.805s;

color: blue;

}

@keyframes anim40 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(41) {

animation: anim41 2s infinite ease-out;

animation-delay: 1.135s;

color: #ff0900;

}

@keyframes anim41 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(42) {

animation: anim42 2s infinite ease-out;

animation-delay: 3.665s;

color: #fc0;

}

@keyframes anim42 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(43) {

animation: anim43 2s infinite ease-out;

animation-delay: 4.265s;

color: #00ff04;

}

@keyframes anim43 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(44) {

animation: anim44 2s infinite ease-out;

animation-delay: 1.43s;

color: #fa0;

}

@keyframes anim44 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(45) {

animation: anim45 2s infinite ease-out;

animation-delay: 4.745s;

color: #0040ff;

}

@keyframes anim45 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(46) {

animation: anim46 2s infinite ease-out;

animation-delay: 1.2s;

color: #e6ff00;

}

@keyframes anim46 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(47) {

animation: anim47 2s infinite ease-out;

animation-delay: 2.25s;

color: #ffd500;

}

@keyframes anim47 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(48) {

animation: anim48 2s infinite ease-out;

animation-delay: 0.67s;

color: blue;

}

@keyframes anim48 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(49) {

animation: anim49 2s infinite ease-out;

animation-delay: 4.97s;

color: #f0d;

}

@keyframes anim49 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(50) {

animation: anim50 2s infinite ease-out;

animation-delay: 3.535s;

color: #ff00d4;

}

@keyframes anim50 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(51) {

animation: anim51 2s infinite ease-out;

animation-delay: 4.215s;

color: #0059ff;

}

@keyframes anim51 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(52) {

animation: anim52 2s infinite ease-out;

animation-delay: 0.55s;

color: #f07;

}

@keyframes anim52 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(53) {

animation: anim53 2s infinite ease-out;

animation-delay: 4.85s;

color: #ff3700;

}

@keyframes anim53 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(54) {

animation: anim54 2s infinite ease-out;

animation-delay: 3.84s;

color: #ffe500;

}

@keyframes anim54 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(55) {

animation: anim55 2s infinite ease-out;

animation-delay: 1.74s;

color: #d400ff;

}

@keyframes anim55 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(56) {

animation: anim56 2s infinite ease-out;

animation-delay: 4.82s;

color: #fa0;

}

@keyframes anim56 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(57) {

animation: anim57 2s infinite ease-out;

animation-delay: 2.685s;

color: #5900ff;

}

@keyframes anim57 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(58) {

animation: anim58 2s infinite ease-out;

animation-delay: 3.675s;

color: #00fff7;

}

@keyframes anim58 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(59) {

animation: anim59 2s infinite ease-out;

animation-delay: 0.145s;

color: #7f0;

}

@keyframes anim59 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(60) {

animation: anim60 2s infinite ease-out;

animation-delay: 0.485s;

color: magenta;

}

@keyframes anim60 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(61) {

animation: anim61 2s infinite ease-out;

animation-delay: 4.095s;

color: #0f6;

}

@keyframes anim61 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(62) {

animation: anim62 2s infinite ease-out;

animation-delay: 3.705s;

color: #03f;

}

@keyframes anim62 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(63) {

animation: anim63 2s infinite ease-out;

animation-delay: 0.965s;

color: #ff0026;

}

@keyframes anim63 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(64) {

animation: anim64 2s infinite ease-out;

animation-delay: 1.015s;

color: #e0f;

}

@keyframes anim64 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(65) {

animation: anim65 2s infinite ease-out;

animation-delay: 2.21s;

color: blue;

}

@keyframes anim65 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(66) {

animation: anim66 2s infinite ease-out;

animation-delay: 1.15s;

color: #ff8000;

}

@keyframes anim66 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(67) {

animation: anim67 2s infinite ease-out;

animation-delay: 1.535s;

color: #fffb00;

}

@keyframes anim67 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(68) {

animation: anim68 2s infinite ease-out;

animation-delay: 1.75s;

color: #6f0;

}

@keyframes anim68 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(69) {

animation: anim69 2s infinite ease-out;

animation-delay: 3.025s;

color: #f09;

}

@keyframes anim69 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(70) {

animation: anim70 2s infinite ease-out;

animation-delay: 4.66s;

color: #d4ff00;

}

@keyframes anim70 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(71) {

animation: anim71 2s infinite ease-out;

animation-delay: 4.205s;

color: #e1ff00;

}

@keyframes anim71 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(72) {

animation: anim72 2s infinite ease-out;

animation-delay: 0.995s;

color: #0f6;

}

@keyframes anim72 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(73) {

animation: anim73 2s infinite ease-out;

animation-delay: 1.875s;

color: #0095ff;

}

@keyframes anim73 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(74) {

animation: anim74 2s infinite ease-out;

animation-delay: 0.615s;

color: #f20;

}

@keyframes anim74 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(75) {

animation: anim75 2s infinite ease-out;

animation-delay: 0.07s;

color: #80ff00;

}

@keyframes anim75 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(76) {

animation: anim76 2s infinite ease-out;

animation-delay: 2.07s;

color: #0f7;

}

@keyframes anim76 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(77) {

animation: anim77 2s infinite ease-out;

animation-delay: 4.775s;

color: #c0f;

}

@keyframes anim77 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(78) {

animation: anim78 2s infinite ease-out;

animation-delay: 1.205s;

color: #06f;

}

@keyframes anim78 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(79) {

animation: anim79 2s infinite ease-out;

animation-delay: 3.13s;

color: #0091ff;

}

@keyframes anim79 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(80) {

animation: anim80 2s infinite ease-out;

animation-delay: 4.855s;

color: #f0a;

}

@keyframes anim80 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(81) {

animation: anim81 2s infinite ease-out;

animation-delay: 2.235s;

color: #c0f;

}

@keyframes anim81 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(82) {

animation: anim82 2s infinite ease-out;

animation-delay: 0.165s;

color: #03f;

}

@keyframes anim82 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(83) {

animation: anim83 2s infinite ease-out;

animation-delay: 0.835s;

color: #f600ff;

}

@keyframes anim83 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(84) {

animation: anim84 2s infinite ease-out;

animation-delay: 0.19s;

color: red;

}

@keyframes anim84 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(85) {

animation: anim85 2s infinite ease-out;

animation-delay: 0.58s;

color: blue;

}

@keyframes anim85 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(86) {

animation: anim86 2s infinite ease-out;

animation-delay: 4.44s;

color: #cf0;

}

@keyframes anim86 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(87) {

animation: anim87 2s infinite ease-out;

animation-delay: 4.47s;

color: #d9ff00;

}

@keyframes anim87 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(88) {

animation: anim88 2s infinite ease-out;

animation-delay: 4.7s;

color: #f0c;

}

@keyframes anim88 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(89) {

animation: anim89 2s infinite ease-out;

animation-delay: 0.29s;

color: #0af;

}

@keyframes anim89 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(90) {

animation: anim90 2s infinite ease-out;

animation-delay: 2.53s;

color: cyan;

}

@keyframes anim90 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(91) {

animation: anim91 2s infinite ease-out;

animation-delay: 3.445s;

color: #ff004c;

}

@keyframes anim91 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(92) {

animation: anim92 2s infinite ease-out;

animation-delay: 4.64s;

color: #20f;

}

@keyframes anim92 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(93) {

animation: anim93 2s infinite ease-out;

animation-delay: 3.94s;

color: #00ff73;

}

@keyframes anim93 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(94) {

animation: anim94 2s infinite ease-out;

animation-delay: 1.93s;

color: #ff00e6;

}

@keyframes anim94 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(95) {

animation: anim95 2s infinite ease-out;

animation-delay: 1.01s;

color: #00ffbf;

}

@keyframes anim95 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(96) {

animation: anim96 2s infinite ease-out;

animation-delay: 4.475s;

color: #6f0;

}

@keyframes anim96 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(97) {

animation: anim97 2s infinite ease-out;

animation-delay: 3.295s;

color: #00ff59;

}

@keyframes anim97 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(98) {

animation: anim98 2s infinite ease-out;

animation-delay: 1.92s;

color: #02f;

}

@keyframes anim98 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(99) {

animation: anim99 2s infinite ease-out;

animation-delay: 2.005s;

color: #80ff00;

}

@keyframes anim99 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(100) {

animation: anim100 2s infinite ease-out;

animation-delay: 4.415s;

color: #af0;

}

@keyframes anim100 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(101) {

animation: anim101 2s infinite ease-out;

animation-delay: 4.6s;

color: #00ff3c;

}

@keyframes anim101 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(102) {

animation: anim102 2s infinite ease-out;

animation-delay: 1.475s;

color: #09f;

}

@keyframes anim102 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(103) {

animation: anim103 2s infinite ease-out;

animation-delay: 4.24s;

color: #00ffd5;

}

@keyframes anim103 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(104) {

animation: anim104 2s infinite ease-out;

animation-delay: 2.36s;

color: #f20;

}

@keyframes anim104 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(105) {

animation: anim105 2s infinite ease-out;

animation-delay: 1.145s;

color: #ff4000;

}

@keyframes anim105 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(106) {

animation: anim106 2s infinite ease-out;

animation-delay: 1.54s;

color: #00b2ff;

}

@keyframes anim106 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(107) {

animation: anim107 2s infinite ease-out;

animation-delay: 2.04s;

color: #e0f;

}

@keyframes anim107 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(108) {

animation: anim108 2s infinite ease-out;

animation-delay: 4.2s;

color: #cf0;

}

@keyframes anim108 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(109) {

animation: anim109 2s infinite ease-out;

animation-delay: 3.055s;

color: #5e00ff;

}

@keyframes anim109 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(110) {

animation: anim110 2s infinite ease-out;

animation-delay: 0.115s;

color: #d4ff00;

}

@keyframes anim110 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(111) {

animation: anim111 2s infinite ease-out;

animation-delay: 1.225s;

color: #ff0026;

}

@keyframes anim111 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(112) {

animation: anim112 2s infinite ease-out;

animation-delay: 0.75s;

color: #08f;

}

@keyframes anim112 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(113) {

animation: anim113 2s infinite ease-out;

animation-delay: 0.83s;

color: blue;

}

@keyframes anim113 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(114) {

animation: anim114 2s infinite ease-out;

animation-delay: 3.635s;

color: #b300ff;

}

@keyframes anim114 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(115) {

animation: anim115 2s infinite ease-out;

animation-delay: 4.015s;

color: #50f;

}

@keyframes anim115 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(116) {

animation: anim116 2s infinite ease-out;

animation-delay: 3.575s;

color: #b0f;

}

@keyframes anim116 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(117) {

animation: anim117 2s infinite ease-out;

animation-delay: 0.84s;

color: #ff7300;

}

@keyframes anim117 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(118) {

animation: anim118 2s infinite ease-out;

animation-delay: 2.13s;

color: #fd0;

}

@keyframes anim118 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(119) {

animation: anim119 2s infinite ease-out;

animation-delay: 0.59s;

color: #bf00ff;

}

@keyframes anim119 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(120) {

animation: anim120 2s infinite ease-out;

animation-delay: 3.97s;

color: blue;

}

@keyframes anim120 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(121) {

animation: anim121 2s infinite ease-out;

animation-delay: 2.815s;

color: #ffd900;

}

@keyframes anim121 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(122) {

animation: anim122 2s infinite ease-out;

animation-delay: 1.57s;

color: #f01;

}

@keyframes anim122 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(123) {

animation: anim123 2s infinite ease-out;

animation-delay: 3.555s;

color: #40ff00;

}

@keyframes anim123 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(124) {

animation: anim124 2s infinite ease-out;

animation-delay: 4.025s;

color: #9f0;

}

@keyframes anim124 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(125) {

animation: anim125 2s infinite ease-out;

animation-delay: 3.73s;

color: #ffea00;

}

@keyframes anim125 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(126) {

animation: anim126 2s infinite ease-out;

animation-delay: 3.405s;

color: red;

}

@keyframes anim126 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(127) {

animation: anim127 2s infinite ease-out;

animation-delay: 3.76s;

color: #e0f;

}

@keyframes anim127 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(128) {

animation: anim128 2s infinite ease-out;

animation-delay: 2.64s;

color: #af0;

}

@keyframes anim128 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(129) {

animation: anim129 2s infinite ease-out;

animation-delay: 1.06s;

color: #26ff00;

}

@keyframes anim129 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(130) {

animation: anim130 2s infinite ease-out;

animation-delay: 2.815s;

color: #2bff00;

}

@keyframes anim130 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(131) {

animation: anim131 2s infinite ease-out;

animation-delay: 1.05s;

color: #ff003b;

}

@keyframes anim131 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(132) {

animation: anim132 2s infinite ease-out;

animation-delay: 1.78s;

color: blue;

}

@keyframes anim132 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(133) {

animation: anim133 2s infinite ease-out;

animation-delay: 4.23s;

color: #00a1ff;

}

@keyframes anim133 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(134) {

animation: anim134 2s infinite ease-out;

animation-delay: 4.575s;

color: #ff005d;

}

@keyframes anim134 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(135) {

animation: anim135 2s infinite ease-out;

animation-delay: 2.155s;

color: red;

}

@keyframes anim135 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(136) {

animation: anim136 2s infinite ease-out;

animation-delay: 4.155s;

color: #0f4;

}

@keyframes anim136 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(137) {

animation: anim137 2s infinite ease-out;

animation-delay: 2.26s;

color: #5e00ff;

}

@keyframes anim137 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(138) {

animation: anim138 2s infinite ease-out;

animation-delay: 2.38s;

color: #c0f;

}

@keyframes anim138 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(139) {

animation: anim139 2s infinite ease-out;

animation-delay: 3.86s;

color: #00ffc8;

}

@keyframes anim139 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(140) {

animation: anim140 2s infinite ease-out;

animation-delay: 0.865s;

color: #f50;

}

@keyframes anim140 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(141) {

animation: anim141 2s infinite ease-out;

animation-delay: 0.04s;

color: #00fff2;

}

@keyframes anim141 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(142) {

animation: anim142 2s infinite ease-out;

animation-delay: 4.67s;

color: #b0f;

}

@keyframes anim142 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(143) {

animation: anim143 2s infinite ease-out;

animation-delay: 2.33s;

color: #ff0048;

}

@keyframes anim143 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(144) {

animation: anim144 2s infinite ease-out;

animation-delay: 2.8s;

color: #c0f;

}

@keyframes anim144 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(145) {

animation: anim145 2s infinite ease-out;

animation-delay: 3.415s;

color: #d400ff;

}

@keyframes anim145 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(146) {

animation: anim146 2s infinite ease-out;

animation-delay: 3.48s;

color: #4cff00;

}

@keyframes anim146 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(147) {

animation: anim147 2s infinite ease-out;

animation-delay: 0.73s;

color: #9f0;

}

@keyframes anim147 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(148) {

animation: anim148 2s infinite ease-out;

animation-delay: 4.595s;

color: #f09;

}

@keyframes anim148 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(149) {

animation: anim149 2s infinite ease-out;

animation-delay: 3.455s;

color: #ff00f2;

}

@keyframes anim149 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(150) {

animation: anim150 2s infinite ease-out;

animation-delay: 4.76s;

color: #007fff;

}

@keyframes anim150 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(151) {

animation: anim151 2s infinite ease-out;

animation-delay: 2.525s;

color: #37ff00;

}

@keyframes anim151 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(152) {

animation: anim152 2s infinite ease-out;

animation-delay: 0.87s;

color: #4f0;

}

@keyframes anim152 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(153) {

animation: anim153 2s infinite ease-out;

animation-delay: 1.7s;

color: #ff2600;

}

@keyframes anim153 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(154) {

animation: anim154 2s infinite ease-out;

animation-delay: 4.88s;

color: #c0f;

}

@keyframes anim154 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(155) {

animation: anim155 2s infinite ease-out;

animation-delay: 1.09s;

color: #40ff00;

}

@keyframes anim155 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(156) {

animation: anim156 2s infinite ease-out;

animation-delay: 0.735s;

color: #6f0;

}

@keyframes anim156 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(157) {

animation: anim157 2s infinite ease-out;

animation-delay: 3.95s;

color: #f2ff00;

}

@keyframes anim157 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(158) {

animation: anim158 2s infinite ease-out;

animation-delay: 0.93s;

color: #1f0;

}

@keyframes anim158 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(159) {

animation: anim159 2s infinite ease-out;

animation-delay: 4.055s;

color: red;

}

@keyframes anim159 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(160) {

animation: anim160 2s infinite ease-out;

animation-delay: 2.765s;

color: #af0;

}

@keyframes anim160 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(161) {

animation: anim161 2s infinite ease-out;

animation-delay: 0.21s;

color: #00f6ff;

}

@keyframes anim161 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(162) {

animation: anim162 2s infinite ease-out;

animation-delay: 0.825s;

color: #00b2ff;

}

@keyframes anim162 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(163) {

animation: anim163 2s infinite ease-out;

animation-delay: 4.095s;

color: #37ff00;

}

@keyframes anim163 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(164) {

animation: anim164 2s infinite ease-out;

animation-delay: 4.105s;

color: #0fe;

}

@keyframes anim164 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(165) {

animation: anim165 2s infinite ease-out;

animation-delay: 1.485s;

color: #ffbf00;

}

@keyframes anim165 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(166) {

animation: anim166 2s infinite ease-out;

animation-delay: 2.3s;

color: #0df;

}

@keyframes anim166 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(167) {

animation: anim167 2s infinite ease-out;

animation-delay: 3.475s;

color: #d0f;

}

@keyframes anim167 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(168) {

animation: anim168 2s infinite ease-out;

animation-delay: 1.565s;

color: #0f6;

}

@keyframes anim168 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(169) {

animation: anim169 2s infinite ease-out;

animation-delay: 2.475s;

color: #80f;

}

@keyframes anim169 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(170) {

animation: anim170 2s infinite ease-out;

animation-delay: 4.305s;

color: blue;

}

@keyframes anim170 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(171) {

animation: anim171 2s infinite ease-out;

animation-delay: 3.805s;

color: #00ff19;

}

@keyframes anim171 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(172) {

animation: anim172 2s infinite ease-out;

animation-delay: 3.925s;

color: #0fa;

}

@keyframes anim172 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(173) {

animation: anim173 2s infinite ease-out;

animation-delay: 0.085s;

color: #f0a;

}

@keyframes anim173 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(174) {

animation: anim174 2s infinite ease-out;

animation-delay: 1.505s;

color: #03f;

}

@keyframes anim174 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(175) {

animation: anim175 2s infinite ease-out;

animation-delay: 1.26s;

color: deepskyblue;

}

@keyframes anim175 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(176) {

animation: anim176 2s infinite ease-out;

animation-delay: 2.935s;

color: #fe0;

}

@keyframes anim176 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(177) {

animation: anim177 2s infinite ease-out;

animation-delay: 2.28s;

color: #80ff00;

}

@keyframes anim177 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(178) {

animation: anim178 2s infinite ease-out;

animation-delay: 3.005s;

color: #08ff00;

}

@keyframes anim178 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(179) {

animation: anim179 2s infinite ease-out;

animation-delay: 0.34s;

color: #ff3700;

}

@keyframes anim179 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(180) {

animation: anim180 2s infinite ease-out;

animation-delay: 4.835s;

color: red;

}

@keyframes anim180 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(181) {

animation: anim181 2s infinite ease-out;

animation-delay: 0.21s;

color: #00fbff;

}

@keyframes anim181 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(182) {

animation: anim182 2s infinite ease-out;

animation-delay: 0.79s;

color: #002bff;

}

@keyframes anim182 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(183) {

animation: anim183 2s infinite ease-out;

animation-delay: 2.53s;

color: #cf0;

}

@keyframes anim183 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(184) {

animation: anim184 2s infinite ease-out;

animation-delay: 0.15s;

color: #f40;

}

@keyframes anim184 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(185) {

animation: anim185 2s infinite ease-out;

animation-delay: 1.385s;

color: #f0a;

}

@keyframes anim185 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(186) {

animation: anim186 2s infinite ease-out;

animation-delay: 2.86s;

color: #f30;

}

@keyframes anim186 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(187) {

animation: anim187 2s infinite ease-out;

animation-delay: 0.105s;

color: #3bff00;

}

@keyframes anim187 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(188) {

animation: anim188 2s infinite ease-out;

animation-delay: 2.32s;

color: blue;

}

@keyframes anim188 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(189) {

animation: anim189 2s infinite ease-out;

animation-delay: 0.4s;

color: #06f;

}

@keyframes anim189 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(190) {

animation: anim190 2s infinite ease-out;

animation-delay: 4.27s;

color: #f50;

}

@keyframes anim190 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(191) {

animation: anim191 2s infinite ease-out;

animation-delay: 4.56s;

color: #005eff;

}

@keyframes anim191 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(192) {

animation: anim192 2s infinite ease-out;

animation-delay: 1.495s;

color: #06f;

}

@keyframes anim192 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(193) {

animation: anim193 2s infinite ease-out;

animation-delay: 1.815s;

color: #00ff0d;

}

@keyframes anim193 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(194) {

animation: anim194 2s infinite ease-out;

animation-delay: 0.11s;

color: #c300ff;

}

@keyframes anim194 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(195) {

animation: anim195 2s infinite ease-out;

animation-delay: 4.175s;

color: #ff0040;

}

@keyframes anim195 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(196) {

animation: anim196 2s infinite ease-out;

animation-delay: 4.46s;

color: #40f;

}

@keyframes anim196 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(197) {

animation: anim197 2s infinite ease-out;

animation-delay: 1.215s;

color: #7bff00;

}

@keyframes anim197 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(198) {

animation: anim198 2s infinite ease-out;

animation-delay: 4.765s;

color: #f90;

}

@keyframes anim198 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(199) {

animation: anim199 2s infinite ease-out;

animation-delay: 4.05s;

color: lime;

}

@keyframes anim199 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(200) {

animation: anim200 2s infinite ease-out;

animation-delay: 4.35s;

color: #0af;

}

@keyframes anim200 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(201) {

animation: anim201 2s infinite ease-out;

animation-delay: 1.805s;

color: #0dff00;

}

@keyframes anim201 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(202) {

animation: anim202 2s infinite ease-out;

animation-delay: 4.565s;

color: #00ffd5;

}

@keyframes anim202 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(203) {

animation: anim203 2s infinite ease-out;

animation-delay: 2.825s;

color: #00d9ff;

}

@keyframes anim203 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(204) {

animation: anim204 2s infinite ease-out;

animation-delay: 3.585s;

color: #9f0;

}

@keyframes anim204 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(205) {

animation: anim205 2s infinite ease-out;

animation-delay: 3.565s;

color: #ea00ff;

}

@keyframes anim205 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(206) {

animation: anim206 2s infinite ease-out;

animation-delay: 4.08s;

color: #fe0;

}

@keyframes anim206 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(207) {

animation: anim207 2s infinite ease-out;

animation-delay: 0.085s;

color: #0040ff;

}

@keyframes anim207 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(208) {

animation: anim208 2s infinite ease-out;

animation-delay: 1.055s;

color: #0af;

}

@keyframes anim208 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(209) {

animation: anim209 2s infinite ease-out;

animation-delay: 1.45s;

color: #ff00c8;

}

@keyframes anim209 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(210) {

animation: anim210 2s infinite ease-out;

animation-delay: 1.82s;

color: #ff8000;

}

@keyframes anim210 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(211) {

animation: anim211 2s infinite ease-out;

animation-delay: 2.575s;

color: #f30;

}

@keyframes anim211 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(212) {

animation: anim212 2s infinite ease-out;

animation-delay: 0.335s;

color: #f40;

}

@keyframes anim212 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(213) {

animation: anim213 2s infinite ease-out;

animation-delay: 2.055s;

color: magenta;

}

@keyframes anim213 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(214) {

animation: anim214 2s infinite ease-out;

animation-delay: 3.73s;

color: lime;

}

@keyframes anim214 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(215) {

animation: anim215 2s infinite ease-out;

animation-delay: 1.38s;

color: lime;

}

@keyframes anim215 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(216) {

animation: anim216 2s infinite ease-out;

animation-delay: 4.705s;

color: red;

}

@keyframes anim216 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(217) {

animation: anim217 2s infinite ease-out;

animation-delay: 3.05s;

color: #00ffbf;

}

@keyframes anim217 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(218) {

animation: anim218 2s infinite ease-out;

animation-delay: 1.935s;

color: #0008ff;

}

@keyframes anim218 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(219) {

animation: anim219 2s infinite ease-out;

animation-delay: 3.45s;

color: #e6ff00;

}

@keyframes anim219 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(220) {

animation: anim220 2s infinite ease-out;

animation-delay: 0.44s;

color: #af0;

}

@keyframes anim220 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(221) {

animation: anim221 2s infinite ease-out;

animation-delay: 0.91s;

color: #e100ff;

}

@keyframes anim221 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(222) {

animation: anim222 2s infinite ease-out;

animation-delay: 3.805s;

color: #0f6;

}

@keyframes anim222 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(223) {

animation: anim223 2s infinite ease-out;

animation-delay: 3.53s;

color: #00ff26;

}

@keyframes anim223 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(224) {

animation: anim224 2s infinite ease-out;

animation-delay: 3.09s;

color: #f20;

}

@keyframes anim224 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(225) {

animation: anim225 2s infinite ease-out;

animation-delay: 1.565s;

color: #80ff00;

}

@keyframes anim225 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(226) {

animation: anim226 2s infinite ease-out;

animation-delay: 3.505s;

color: #a1ff00;

}

@keyframes anim226 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(227) {

animation: anim227 2s infinite ease-out;

animation-delay: 2.745s;

color: #00f2ff;

}

@keyframes anim227 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(228) {

animation: anim228 2s infinite ease-out;

animation-delay: 4.91s;

color: #f0c;

}

@keyframes anim228 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(229) {

animation: anim229 2s infinite ease-out;

animation-delay: 3.805s;

color: #fc0;

}

@keyframes anim229 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(230) {

animation: anim230 2s infinite ease-out;

animation-delay: 2.07s;

color: #002bff;

}

@keyframes anim230 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(231) {

animation: anim231 2s infinite ease-out;

animation-delay: 3.075s;

color: #f06;

}

@keyframes anim231 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(232) {

animation: anim232 2s infinite ease-out;

animation-delay: 2.455s;

color: #08f;

}

@keyframes anim232 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(233) {

animation: anim233 2s infinite ease-out;

animation-delay: 2.96s;

color: #f0a;

}

@keyframes anim233 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(234) {

animation: anim234 2s infinite ease-out;

animation-delay: 1.265s;

color: #ffe500;

}

@keyframes anim234 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(235) {

animation: anim235 2s infinite ease-out;

animation-delay: 2.14s;

color: #00ff2b;

}

@keyframes anim235 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(236) {

animation: anim236 2s infinite ease-out;

animation-delay: 0.715s;

color: #8f0;

}

@keyframes anim236 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(237) {

animation: anim237 2s infinite ease-out;

animation-delay: 0.59s;

color: #00b2ff;

}

@keyframes anim237 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(238) {

animation: anim238 2s infinite ease-out;

animation-delay: 4.36s;

color: #00ff3c;

}

@keyframes anim238 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(239) {

animation: anim239 2s infinite ease-out;

animation-delay: 3.24s;

color: #009dff;

}

@keyframes anim239 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(240) {

animation: anim240 2s infinite ease-out;

animation-delay: 4.41s;

color: red;

}

@keyframes anim240 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(241) {

animation: anim241 2s infinite ease-out;

animation-delay: 0.16s;

color: #ef0;

}

@keyframes anim241 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(242) {

animation: anim242 2s infinite ease-out;

animation-delay: 2.12s;

color: #f60;

}

@keyframes anim242 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(243) {

animation: anim243 2s infinite ease-out;

animation-delay: 0.88s;

color: #ff00bf;

}

@keyframes anim243 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(244) {

animation: anim244 2s infinite ease-out;

animation-delay: 3.415s;

color: lime;

}

@keyframes anim244 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(245) {

animation: anim245 2s infinite ease-out;

animation-delay: 3.755s;

color: #bfff00;

}

@keyframes anim245 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(246) {

animation: anim246 2s infinite ease-out;

animation-delay: 4.77s;

color: #06f;

}

@keyframes anim246 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(247) {

animation: anim247 2s infinite ease-out;

animation-delay: 0.365s;

color: #00ff19;

}

@keyframes anim247 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(248) {

animation: anim248 2s infinite ease-out;

animation-delay: 0.13s;

color: #fa0;

}

@keyframes anim248 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(249) {

animation: anim249 2s infinite ease-out;

animation-delay: 0.045s;

color: #90f;

}

@keyframes anim249 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(250) {

animation: anim250 2s infinite ease-out;

animation-delay: 4.035s;

color: #f50;

}

@keyframes anim250 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(251) {

animation: anim251 2s infinite ease-out;

animation-delay: 4.19s;

color: #e0f;

}

@keyframes anim251 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(252) {

animation: anim252 2s infinite ease-out;

animation-delay: 4.59s;

color: #0f6;

}

@keyframes anim252 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(253) {

animation: anim253 2s infinite ease-out;

animation-delay: 3.435s;

color: #00ff6f;

}

@keyframes anim253 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(254) {

animation: anim254 2s infinite ease-out;

animation-delay: 0.655s;

color: #d4ff00;

}

@keyframes anim254 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(255) {

animation: anim255 2s infinite ease-out;

animation-delay: 4.67s;

color: #0040ff;

}

@keyframes anim255 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(256) {

animation: anim256 2s infinite ease-out;

animation-delay: 1.835s;

color: #04f;

}

@keyframes anim256 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(257) {

animation: anim257 2s infinite ease-out;

animation-delay: 3.375s;

color: #0cf;

}

@keyframes anim257 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(258) {

animation: anim258 2s infinite ease-out;

animation-delay: 3.84s;

color: #f30;

}

@keyframes anim258 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(259) {

animation: anim259 2s infinite ease-out;

animation-delay: 2.585s;

color: #ff002b;

}

@keyframes anim259 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(260) {

animation: anim260 2s infinite ease-out;

animation-delay: 1.71s;

color: #f05;

}

@keyframes anim260 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(261) {

animation: anim261 2s infinite ease-out;

animation-delay: 3.35s;

color: #80ff00;

}

@keyframes anim261 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(262) {

animation: anim262 2s infinite ease-out;

animation-delay: 0.235s;

color: #3bff00;

}

@keyframes anim262 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(263) {

animation: anim263 2s infinite ease-out;

animation-delay: 3.99s;

color: #00ff91;

}

@keyframes anim263 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(264) {

animation: anim264 2s infinite ease-out;

animation-delay: 0.425s;

color: lime;

}

@keyframes anim264 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(265) {

animation: anim265 2s infinite ease-out;

animation-delay: 3.01s;

color: #40ff00;

}

@keyframes anim265 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(266) {

animation: anim266 2s infinite ease-out;

animation-delay: 4.145s;

color: #005eff;

}

@keyframes anim266 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(267) {

animation: anim267 2s infinite ease-out;

animation-delay: 1.21s;

color: #ff8000;

}

@keyframes anim267 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(268) {

animation: anim268 2s infinite ease-out;

animation-delay: 2.325s;

color: #bf0;

}

@keyframes anim268 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(269) {

animation: anim269 2s infinite ease-out;

animation-delay: 0.765s;

color: #00ff04;

}

@keyframes anim269 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(270) {

animation: anim270 2s infinite ease-out;

animation-delay: 4.895s;

color: #80ff00;

}

@keyframes anim270 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(271) {

animation: anim271 2s infinite ease-out;

animation-delay: 2.6s;

color: #ff0900;

}

@keyframes anim271 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(272) {

animation: anim272 2s infinite ease-out;

animation-delay: 0.19s;

color: #0cf;

}

@keyframes anim272 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(273) {

animation: anim273 2s infinite ease-out;

animation-delay: 1.63s;

color: #ff00d9;

}

@keyframes anim273 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(274) {

animation: anim274 2s infinite ease-out;

animation-delay: 2.425s;

color: #002bff;

}

@keyframes anim274 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(275) {

animation: anim275 2s infinite ease-out;

animation-delay: 4.63s;

color: #ff00bf;

}

@keyframes anim275 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(276) {

animation: anim276 2s infinite ease-out;

animation-delay: 0.95s;

color: #03f;

}

@keyframes anim276 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(277) {

animation: anim277 2s infinite ease-out;

animation-delay: 4.56s;

color: #59ff00;

}

@keyframes anim277 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(278) {

animation: anim278 2s infinite ease-out;

animation-delay: 0.36s;

color: #04f;

}

@keyframes anim278 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(279) {

animation: anim279 2s infinite ease-out;

animation-delay: 2.91s;

color: #0019ff;

}

@keyframes anim279 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(280) {

animation: anim280 2s infinite ease-out;

animation-delay: 0.31s;

color: #f0a;

}

@keyframes anim280 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(281) {

animation: anim281 2s infinite ease-out;

animation-delay: 4.88s;

color: #fb0;

}

@keyframes anim281 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(282) {

animation: anim282 2s infinite ease-out;

animation-delay: 1.97s;

color: lime;

}

@keyframes anim282 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(283) {

animation: anim283 2s infinite ease-out;

animation-delay: 3.445s;

color: #00ff59;

}

@keyframes anim283 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(284) {

animation: anim284 2s infinite ease-out;

animation-delay: 1.495s;

color: #b0f;

}

@keyframes anim284 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(285) {

animation: anim285 2s infinite ease-out;

animation-delay: 4.775s;

color: #40ff00;

}

@keyframes anim285 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(286) {

animation: anim286 2s infinite ease-out;

animation-delay: 2.365s;

color: #004cff;

}

@keyframes anim286 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(287) {

animation: anim287 2s infinite ease-out;

animation-delay: 3.66s;

color: #50f;

}

@keyframes anim287 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(288) {

animation: anim288 2s infinite ease-out;

animation-delay: 4.9s;

color: #cf0;

}

@keyframes anim288 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(289) {

animation: anim289 2s infinite ease-out;

animation-delay: 3.615s;

color: #d900ff;

}

@keyframes anim289 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(290) {

animation: anim290 2s infinite ease-out;

animation-delay: 2.68s;

color: #fa0;

}

@keyframes anim290 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(291) {

animation: anim291 2s infinite ease-out;

animation-delay: 1.015s;

color: #00ffd9;

}

@keyframes anim291 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(292) {

animation: anim292 2s infinite ease-out;

animation-delay: 4.59s;

color: #af0;

}

@keyframes anim292 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(293) {

animation: anim293 2s infinite ease-out;

animation-delay: 1.615s;

color: #80f;

}

@keyframes anim293 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(294) {

animation: anim294 2s infinite ease-out;

animation-delay: 1.25s;

color: #f30;

}

@keyframes anim294 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(295) {

animation: anim295 2s infinite ease-out;

animation-delay: 3.155s;

color: blue;

}

@keyframes anim295 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(296) {

animation: anim296 2s infinite ease-out;

animation-delay: 1.42s;

color: #20f;

}

@keyframes anim296 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(297) {

animation: anim297 2s infinite ease-out;

animation-delay: 2.37s;

color: #ff0026;

}

@keyframes anim297 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(298) {

animation: anim298 2s infinite ease-out;

animation-delay: 1.15s;

color: #07f;

}

@keyframes anim298 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(299) {

animation: anim299 2s infinite ease-out;

animation-delay: 4.655s;

color: #ff00e1;

}

@keyframes anim299 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(300) {

animation: anim300 2s infinite ease-out;

animation-delay: 2.4s;

color: cyan;

}

@keyframes anim300 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(301) {

animation: anim301 2s infinite ease-out;

animation-delay: 4.75s;

color: #f50;

}

@keyframes anim301 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(302) {

animation: anim302 2s infinite ease-out;

animation-delay: 0.715s;

color: #1aff00;

}

@keyframes anim302 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(303) {

animation: anim303 2s infinite ease-out;

animation-delay: 1.51s;

color: #26ff00;

}

@keyframes anim303 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(304) {

animation: anim304 2s infinite ease-out;

animation-delay: 2.24s;

color: #0af;

}

@keyframes anim304 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(305) {

animation: anim305 2s infinite ease-out;

animation-delay: 4.31s;

color: #bf00ff;

}

@keyframes anim305 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(306) {

animation: anim306 2s infinite ease-out;

animation-delay: 3.115s;

color: #ff004c;

}

@keyframes anim306 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(307) {

animation: anim307 2s infinite ease-out;

animation-delay: 2.945s;

color: #ff0004;

}

@keyframes anim307 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(308) {

animation: anim308 2s infinite ease-out;

animation-delay: 4.005s;

color: #6f0;

}

@keyframes anim308 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(309) {

animation: anim309 2s infinite ease-out;

animation-delay: 2.86s;

color: #e500ff;

}

@keyframes anim309 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(310) {

animation: anim310 2s infinite ease-out;

animation-delay: 0.705s;

color: #ff8000;

}

@keyframes anim310 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(311) {

animation: anim311 2s infinite ease-out;

animation-delay: 2.46s;

color: #f30;

}

@keyframes anim311 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(312) {

animation: anim312 2s infinite ease-out;

animation-delay: 4.33s;

color: #0f6;

}

@keyframes anim312 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(313) {

animation: anim313 2s infinite ease-out;

animation-delay: 2.52s;

color: #f01;

}

@keyframes anim313 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(314) {

animation: anim314 2s infinite ease-out;

animation-delay: 1.215s;

color: #f06;

}

@keyframes anim314 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(315) {

animation: anim315 2s infinite ease-out;

animation-delay: 0.745s;

color: #00ff40;

}

@keyframes anim315 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(316) {

animation: anim316 2s infinite ease-out;

animation-delay: 0.32s;

color: #f08;

}

@keyframes anim316 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(317) {

animation: anim317 2s infinite ease-out;

animation-delay: 1.015s;

color: #ff9d00;

}

@keyframes anim317 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(318) {

animation: anim318 2s infinite ease-out;

animation-delay: 0.74s;

color: #00e5ff;

}

@keyframes anim318 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(319) {

animation: anim319 2s infinite ease-out;

animation-delay: 0.145s;

color: #f0d;

}

@keyframes anim319 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(320) {

animation: anim320 2s infinite ease-out;

animation-delay: 4.645s;

color: #a0f;

}

@keyframes anim320 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(321) {

animation: anim321 2s infinite ease-out;

animation-delay: 2.66s;

color: #00ff26;

}

@keyframes anim321 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(322) {

animation: anim322 2s infinite ease-out;

animation-delay: 0.42s;

color: #cf0;

}

@keyframes anim322 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(323) {

animation: anim323 2s infinite ease-out;

animation-delay: 4.07s;

color: #ff00b2;

}

@keyframes anim323 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(324) {

animation: anim324 2s infinite ease-out;

animation-delay: 4.03s;

color: #cf0;

}

@keyframes anim324 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(325) {

animation: anim325 2s infinite ease-out;

animation-delay: 1.235s;

color: red;

}

@keyframes anim325 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(326) {

animation: anim326 2s infinite ease-out;

animation-delay: 1.34s;

color: #00d4ff;

}

@keyframes anim326 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(327) {

animation: anim327 2s infinite ease-out;

animation-delay: 4.165s;

color: #ff7300;

}

@keyframes anim327 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(328) {

animation: anim328 2s infinite ease-out;

animation-delay: 3.565s;

color: #af0;

}

@keyframes anim328 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(329) {

animation: anim329 2s infinite ease-out;

animation-delay: 3.315s;

color: #ff00a6;

}

@keyframes anim329 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(330) {

animation: anim330 2s infinite ease-out;

animation-delay: 0.645s;

color: #ff0080;

}

@keyframes anim330 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(331) {

animation: anim331 2s infinite ease-out;

animation-delay: 3.365s;

color: #5f0;

}

@keyframes anim331 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(332) {

animation: anim332 2s infinite ease-out;

animation-delay: 0.65s;

color: #0f3;

}

@keyframes anim332 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(333) {

animation: anim333 2s infinite ease-out;

animation-delay: 2.81s;

color: #0d00ff;

}

@keyframes anim333 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(334) {

animation: anim334 2s infinite ease-out;

animation-delay: 4s;

color: #00ff6f;

}

@keyframes anim334 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(335) {

animation: anim335 2s infinite ease-out;

animation-delay: 0.08s;

color: #40ff00;

}

@keyframes anim335 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(336) {

animation: anim336 2s infinite ease-out;

animation-delay: 2.11s;

color: #c0f;

}

@keyframes anim336 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(337) {

animation: anim337 2s infinite ease-out;

animation-delay: 2.955s;

color: #0400ff;

}

@keyframes anim337 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(338) {

animation: anim338 2s infinite ease-out;

animation-delay: 3.775s;

color: #2a00ff;

}

@keyframes anim338 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(339) {

animation: anim339 2s infinite ease-out;

animation-delay: 4.545s;

color: #008cff;

}

@keyframes anim339 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(340) {

animation: anim340 2s infinite ease-out;

animation-delay: 0.955s;

color: lime;

}

@keyframes anim340 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(341) {

animation: anim341 2s infinite ease-out;

animation-delay: 4.905s;

color: #0048ff;

}

@keyframes anim341 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(342) {

animation: anim342 2s infinite ease-out;

animation-delay: 3.755s;

color: #00b2ff;

}

@keyframes anim342 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(343) {

animation: anim343 2s infinite ease-out;

animation-delay: 0.615s;

color: #ff00d4;

}

@keyframes anim343 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(344) {

animation: anim344 2s infinite ease-out;

animation-delay: 4.105s;

color: #f06;

}

@keyframes anim344 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(345) {

animation: anim345 2s infinite ease-out;

animation-delay: 0.46s;

color: #00ff40;

}

@keyframes anim345 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(346) {

animation: anim346 2s infinite ease-out;

animation-delay: 0.735s;

color: #e6ff00;

}

@keyframes anim346 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(347) {

animation: anim347 2s infinite ease-out;

animation-delay: 0.73s;

color: #f60;

}

@keyframes anim347 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(348) {

animation: anim348 2s infinite ease-out;

animation-delay: 1.635s;

color: #f30;

}

@keyframes anim348 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(349) {

animation: anim349 2s infinite ease-out;

animation-delay: 3.27s;

color: #08f;

}

@keyframes anim349 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(350) {

animation: anim350 2s infinite ease-out;

animation-delay: 4.17s;

color: #0fa;

}

@keyframes anim350 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(351) {

animation: anim351 2s infinite ease-out;

animation-delay: 1.98s;

color: #f2ff00;

}

@keyframes anim351 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(352) {

animation: anim352 2s infinite ease-out;

animation-delay: 0.7s;

color: #c0f;

}

@keyframes anim352 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(353) {

animation: anim353 2s infinite ease-out;

animation-delay: 2.11s;

color: #2a00ff;

}

@keyframes anim353 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(354) {

animation: anim354 2s infinite ease-out;

animation-delay: 1.86s;

color: cyan;

}

@keyframes anim354 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(355) {

animation: anim355 2s infinite ease-out;

animation-delay: 0.645s;

color: #0040ff;

}

@keyframes anim355 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(356) {

animation: anim356 2s infinite ease-out;

animation-delay: 1.93s;

color: #0df;

}

@keyframes anim356 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(357) {

animation: anim357 2s infinite ease-out;

animation-delay: 0.45s;

color: #ff0040;

}

@keyframes anim357 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(358) {

animation: anim358 2s infinite ease-out;

animation-delay: 1.41s;

color: #ff00b2;

}

@keyframes anim358 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(359) {

animation: anim359 2s infinite ease-out;

animation-delay: 4.75s;

color: #0d00ff;

}

@keyframes anim359 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(360) {

animation: anim360 2s infinite ease-out;

animation-delay: 4.495s;

color: red;

}

@keyframes anim360 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(361) {

animation: anim361 2s infinite ease-out;

animation-delay: 3.695s;

color: #aeff00;

}

@keyframes anim361 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(362) {

animation: anim362 2s infinite ease-out;

animation-delay: 1.795s;

color: #00ff19;

}

@keyframes anim362 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(363) {

animation: anim363 2s infinite ease-out;

animation-delay: 4.775s;

color: #00ff19;

}

@keyframes anim363 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(364) {

animation: anim364 2s infinite ease-out;

animation-delay: 0.13s;

color: #f70;

}

@keyframes anim364 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(365) {

animation: anim365 2s infinite ease-out;

animation-delay: 2.51s;

color: #50f;

}

@keyframes anim365 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(366) {

animation: anim366 2s infinite ease-out;

animation-delay: 2.815s;

color: #f30;

}

@keyframes anim366 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(367) {

animation: anim367 2s infinite ease-out;

animation-delay: 4.195s;

color: #5eff00;

}

@keyframes anim367 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(368) {

animation: anim368 2s infinite ease-out;

animation-delay: 3.27s;

color: #40f;

}

@keyframes anim368 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(369) {

animation: anim369 2s infinite ease-out;

animation-delay: 3.65s;

color: #00ff19;

}

@keyframes anim369 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(370) {

animation: anim370 2s infinite ease-out;

animation-delay: 1.91s;

color: yellow;

}

@keyframes anim370 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(371) {

animation: anim371 2s infinite ease-out;

animation-delay: 0.565s;

color: #00ff62;

}

@keyframes anim371 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(372) {

animation: anim372 2s infinite ease-out;

animation-delay: 4.59s;

color: #0cf;

}

@keyframes anim372 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(373) {

animation: anim373 2s infinite ease-out;

animation-delay: 3.165s;

color: #9d00ff;

}

@keyframes anim373 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(374) {

animation: anim374 2s infinite ease-out;

animation-delay: 2.905s;

color: #04f;

}

@keyframes anim374 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(375) {

animation: anim375 2s infinite ease-out;

animation-delay: 0.205s;

color: #00ff80;

}

@keyframes anim375 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(376) {

animation: anim376 2s infinite ease-out;

animation-delay: 4.045s;

color: #0f4;

}

@keyframes anim376 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(377) {

animation: anim377 2s infinite ease-out;

animation-delay: 4s;

color: #ff6a00;

}

@keyframes anim377 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(378) {

animation: anim378 2s infinite ease-out;

animation-delay: 3.01s;

color: #7f00ff;

}

@keyframes anim378 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(379) {

animation: anim379 2s infinite ease-out;

animation-delay: 4.27s;

color: #fc0;

}

@keyframes anim379 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(380) {

animation: anim380 2s infinite ease-out;

animation-delay: 3.49s;

color: #fa0;

}

@keyframes anim380 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(381) {

animation: anim381 2s infinite ease-out;

animation-delay: 3.265s;

color: #00f2ff;

}

@keyframes anim381 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(382) {

animation: anim382 2s infinite ease-out;

animation-delay: 4.495s;

color: #fff700;

}

@keyframes anim382 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(383) {

animation: anim383 2s infinite ease-out;

animation-delay: 3.69s;

color: #0cf;

}

@keyframes anim383 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(384) {

animation: anim384 2s infinite ease-out;

animation-delay: 0.465s;

color: #c0f;

}

@keyframes anim384 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(385) {

animation: anim385 2s infinite ease-out;

animation-delay: 0.105s;

color: #40ff00;

}

@keyframes anim385 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(386) {

animation: anim386 2s infinite ease-out;

animation-delay: 0.89s;

color: #d400ff;

}

@keyframes anim386 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(387) {

animation: anim387 2s infinite ease-out;

animation-delay: 3.88s;

color: #a600ff;

}

@keyframes anim387 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(388) {

animation: anim388 2s infinite ease-out;

animation-delay: 2.905s;

color: #f0b;

}

@keyframes anim388 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(389) {

animation: anim389 2s infinite ease-out;

animation-delay: 1.685s;

color: #ff6a00;

}

@keyframes anim389 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(390) {

animation: anim390 2s infinite ease-out;

animation-delay: 3.32s;

color: #80ff00;

}

@keyframes anim390 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(391) {

animation: anim391 2s infinite ease-out;

animation-delay: 2.19s;

color: #007bff;

}

@keyframes anim391 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(392) {

animation: anim392 2s infinite ease-out;

animation-delay: 4.695s;

color: red;

}

@keyframes anim392 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(393) {

animation: anim393 2s infinite ease-out;

animation-delay: 4.54s;

color: #59ff00;

}

@keyframes anim393 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(394) {

animation: anim394 2s infinite ease-out;

animation-delay: 2.285s;

color: #ff00a1;

}

@keyframes anim394 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(395) {

animation: anim395 2s infinite ease-out;

animation-delay: 4.95s;

color: #ffbf00;

}

@keyframes anim395 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(396) {

animation: anim396 2s infinite ease-out;

animation-delay: 2.915s;

color: #c0f;

}

@keyframes anim396 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(397) {

animation: anim397 2s infinite ease-out;

animation-delay: 0.84s;

color: #00ff91;

}

@keyframes anim397 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(398) {

animation: anim398 2s infinite ease-out;

animation-delay: 1.92s;

color: yellow;

}

@keyframes anim398 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(399) {

animation: anim399 2s infinite ease-out;

animation-delay: 2.61s;

color: #c0f;

}

@keyframes anim399 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}

.sq:nth-child(400) {

animation: anim400 2s infinite ease-out;

animation-delay: 2.735s;

color: #f0a;

}

@keyframes anim400 {

0% {

background-color: black;

}

50% {

background-color: currentColor;

}

100% {

background-color: black;

}

}