/* html, body, .wrap {
  height: 100%;
} */

/* body {
  background: black;
  overflow: hidden;
} */

.wrap {
  position: relative;
  perspective: 1000px;
}

.c {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100px;
  width: 100px;
  margin-left: -50px;
  margin-top: -50px;
  opacity: 0.4;
  border: 1px solid white;
}

.c:nth-child(1) {
  transform: rotate(3.6deg) translateY(100px) rotate(0);
  animation: spin1 5s infinite ease-in-out alternate;
  border-color: #ff0d00;
  box-shadow: 0 0 50px #ff0d00;
}

@keyframes spin1 {
  100% {
    transform: rotate(363.6deg) translateY(100px) rotate(14.4deg);
  }
}

.c:nth-child(2) {
  transform: rotate(7.2deg) translateY(100px) rotate(0);
  animation: spin2 5s infinite ease-in-out alternate;
  border-color: #ff1a00;
  box-shadow: 0 0 50px #ff1a00;
}

@keyframes spin2 {
  100% {
    transform: rotate(367.2deg) translateY(100px) rotate(28.8deg);
  }
}

.c:nth-child(3) {
  transform: rotate(10.8deg) translateY(100px) rotate(0);
  animation: spin3 5s infinite ease-in-out alternate;
  border-color: #ff2600;
  box-shadow: 0 0 50px #ff2600;
}

@keyframes spin3 {
  100% {
    transform: rotate(370.8deg) translateY(100px) rotate(43.2deg);
  }
}

.c:nth-child(4) {
  transform: rotate(14.4deg) translateY(100px) rotate(0);
  animation: spin4 5s infinite ease-in-out alternate;
  border-color: #ff3300;
  box-shadow: 0 0 50px #ff3300;
}

@keyframes spin4 {
  100% {
    transform: rotate(374.4deg) translateY(100px) rotate(57.6deg);
  }
}

.c:nth-child(5) {
  transform: rotate(18deg) translateY(100px) rotate(0);
  animation: spin5 5s infinite ease-in-out alternate;
  border-color: #ff4000;
  box-shadow: 0 0 50px #ff4000;
}

@keyframes spin5 {
  100% {
    transform: rotate(378deg) translateY(100px) rotate(72deg);
  }
}

.c:nth-child(6) {
  transform: rotate(21.6deg) translateY(100px) rotate(0);
  animation: spin6 5s infinite ease-in-out alternate;
  border-color: #ff4d00;
  box-shadow: 0 0 50px #ff4d00;
}

@keyframes spin6 {
  100% {
    transform: rotate(381.6deg) translateY(100px) rotate(86.4deg);
  }
}

.c:nth-child(7) {
  transform: rotate(25.2deg) translateY(100px) rotate(0);
  animation: spin7 5s infinite ease-in-out alternate;
  border-color: #ff5900;
  box-shadow: 0 0 50px #ff5900;
}

@keyframes spin7 {
  100% {
    transform: rotate(385.2deg) translateY(100px) rotate(100.8deg);
  }
}

.c:nth-child(8) {
  transform: rotate(28.8deg) translateY(100px) rotate(0);
  animation: spin8 5s infinite ease-in-out alternate;
  border-color: #ff6600;
  box-shadow: 0 0 50px #ff6600;
}

@keyframes spin8 {
  100% {
    transform: rotate(388.8deg) translateY(100px) rotate(115.2deg);
  }
}

.c:nth-child(9) {
  transform: rotate(32.4deg) translateY(100px) rotate(0);
  animation: spin9 5s infinite ease-in-out alternate;
  border-color: #ff7300;
  box-shadow: 0 0 50px #ff7300;
}

@keyframes spin9 {
  100% {
    transform: rotate(392.4deg) translateY(100px) rotate(129.6deg);
  }
}

.c:nth-child(10) {
  transform: rotate(36deg) translateY(100px) rotate(0);
  animation: spin10 5s infinite ease-in-out alternate;
  border-color: #ff8000;
  box-shadow: 0 0 50px #ff8000;
}

@keyframes spin10 {
  100% {
    transform: rotate(396deg) translateY(100px) rotate(144deg);
  }
}

.c:nth-child(11) {
  transform: rotate(39.6deg) translateY(100px) rotate(0);
  animation: spin11 5s infinite ease-in-out alternate;
  border-color: darkorange;
  box-shadow: 0 0 50px darkorange;
}

@keyframes spin11 {
  100% {
    transform: rotate(399.6deg) translateY(100px) rotate(158.4deg);
  }
}

.c:nth-child(12) {
  transform: rotate(43.2deg) translateY(100px) rotate(0);
  animation: spin12 5s infinite ease-in-out alternate;
  border-color: #ff9900;
  box-shadow: 0 0 50px #ff9900;
}

@keyframes spin12 {
  100% {
    transform: rotate(403.2deg) translateY(100px) rotate(172.8deg);
  }
}

.c:nth-child(13) {
  transform: rotate(46.8deg) translateY(100px) rotate(0);
  animation: spin13 5s infinite ease-in-out alternate;
  border-color: #ffa600;
  box-shadow: 0 0 50px #ffa600;
}

@keyframes spin13 {
  100% {
    transform: rotate(406.8deg) translateY(100px) rotate(187.2deg);
  }
}

.c:nth-child(14) {
  transform: rotate(50.4deg) translateY(100px) rotate(0);
  animation: spin14 5s infinite ease-in-out alternate;
  border-color: #ffb300;
  box-shadow: 0 0 50px #ffb300;
}

@keyframes spin14 {
  100% {
    transform: rotate(410.4deg) translateY(100px) rotate(201.6deg);
  }
}

.c:nth-child(15) {
  transform: rotate(54deg) translateY(100px) rotate(0);
  animation: spin15 5s infinite ease-in-out alternate;
  border-color: #ffbf00;
  box-shadow: 0 0 50px #ffbf00;
}

@keyframes spin15 {
  100% {
    transform: rotate(414deg) translateY(100px) rotate(216deg);
  }
}

.c:nth-child(16) {
  transform: rotate(57.6deg) translateY(100px) rotate(0);
  animation: spin16 5s infinite ease-in-out alternate;
  border-color: #ffcc00;
  box-shadow: 0 0 50px #ffcc00;
}

@keyframes spin16 {
  100% {
    transform: rotate(417.6deg) translateY(100px) rotate(230.4deg);
  }
}

.c:nth-child(17) {
  transform: rotate(61.2deg) translateY(100px) rotate(0);
  animation: spin17 5s infinite ease-in-out alternate;
  border-color: #ffd900;
  box-shadow: 0 0 50px #ffd900;
}

@keyframes spin17 {
  100% {
    transform: rotate(421.2deg) translateY(100px) rotate(244.8deg);
  }
}

.c:nth-child(18) {
  transform: rotate(64.8deg) translateY(100px) rotate(0);
  animation: spin18 5s infinite ease-in-out alternate;
  border-color: #ffe600;
  box-shadow: 0 0 50px #ffe600;
}

@keyframes spin18 {
  100% {
    transform: rotate(424.8deg) translateY(100px) rotate(259.2deg);
  }
}

.c:nth-child(19) {
  transform: rotate(68.4deg) translateY(100px) rotate(0);
  animation: spin19 5s infinite ease-in-out alternate;
  border-color: #fff200;
  box-shadow: 0 0 50px #fff200;
}

@keyframes spin19 {
  100% {
    transform: rotate(428.4deg) translateY(100px) rotate(273.6deg);
  }
}

.c:nth-child(20) {
  transform: rotate(72deg) translateY(100px) rotate(0);
  animation: spin20 5s infinite ease-in-out alternate;
  border-color: yellow;
  box-shadow: 0 0 50px yellow;
}

@keyframes spin20 {
  100% {
    transform: rotate(432deg) translateY(100px) rotate(288deg);
  }
}

.c:nth-child(21) {
  transform: rotate(75.6deg) translateY(100px) rotate(0);
  animation: spin21 5s infinite ease-in-out alternate;
  border-color: #f2ff00;
  box-shadow: 0 0 50px #f2ff00;
}

@keyframes spin21 {
  100% {
    transform: rotate(435.6deg) translateY(100px) rotate(302.4deg);
  }
}

.c:nth-child(22) {
  transform: rotate(79.2deg) translateY(100px) rotate(0);
  animation: spin22 5s infinite ease-in-out alternate;
  border-color: #e6ff00;
  box-shadow: 0 0 50px #e6ff00;
}

@keyframes spin22 {
  100% {
    transform: rotate(439.2deg) translateY(100px) rotate(316.8deg);
  }
}

.c:nth-child(23) {
  transform: rotate(82.8deg) translateY(100px) rotate(0);
  animation: spin23 5s infinite ease-in-out alternate;
  border-color: #d9ff00;
  box-shadow: 0 0 50px #d9ff00;
}

@keyframes spin23 {
  100% {
    transform: rotate(442.8deg) translateY(100px) rotate(331.2deg);
  }
}

.c:nth-child(24) {
  transform: rotate(86.4deg) translateY(100px) rotate(0);
  animation: spin24 5s infinite ease-in-out alternate;
  border-color: #ccff00;
  box-shadow: 0 0 50px #ccff00;
}

@keyframes spin24 {
  100% {
    transform: rotate(446.4deg) translateY(100px) rotate(345.6deg);
  }
}

.c:nth-child(25) {
  transform: rotate(90deg) translateY(100px) rotate(0);
  animation: spin25 5s infinite ease-in-out alternate;
  border-color: #bfff00;
  box-shadow: 0 0 50px #bfff00;
}

@keyframes spin25 {
  100% {
    transform: rotate(450deg) translateY(100px) rotate(360deg);
  }
}

.c:nth-child(26) {
  transform: rotate(93.6deg) translateY(100px) rotate(0);
  animation: spin26 5s infinite ease-in-out alternate;
  border-color: #b3ff00;
  box-shadow: 0 0 50px #b3ff00;
}

@keyframes spin26 {
  100% {
    transform: rotate(453.6deg) translateY(100px) rotate(374.4deg);
  }
}

.c:nth-child(27) {
  transform: rotate(97.2deg) translateY(100px) rotate(0);
  animation: spin27 5s infinite ease-in-out alternate;
  border-color: #a6ff00;
  box-shadow: 0 0 50px #a6ff00;
}

@keyframes spin27 {
  100% {
    transform: rotate(457.2deg) translateY(100px) rotate(388.8deg);
  }
}

.c:nth-child(28) {
  transform: rotate(100.8deg) translateY(100px) rotate(0);
  animation: spin28 5s infinite ease-in-out alternate;
  border-color: #99ff00;
  box-shadow: 0 0 50px #99ff00;
}

@keyframes spin28 {
  100% {
    transform: rotate(460.8deg) translateY(100px) rotate(403.2deg);
  }
}

.c:nth-child(29) {
  transform: rotate(104.4deg) translateY(100px) rotate(0);
  animation: spin29 5s infinite ease-in-out alternate;
  border-color: #8cff00;
  box-shadow: 0 0 50px #8cff00;
}

@keyframes spin29 {
  100% {
    transform: rotate(464.4deg) translateY(100px) rotate(417.6deg);
  }
}

.c:nth-child(30) {
  transform: rotate(108deg) translateY(100px) rotate(0);
  animation: spin30 5s infinite ease-in-out alternate;
  border-color: #80ff00;
  box-shadow: 0 0 50px #80ff00;
}

@keyframes spin30 {
  100% {
    transform: rotate(468deg) translateY(100px) rotate(432deg);
  }
}

.c:nth-child(31) {
  transform: rotate(111.6deg) translateY(100px) rotate(0);
  animation: spin31 5s infinite ease-in-out alternate;
  border-color: #73ff00;
  box-shadow: 0 0 50px #73ff00;
}

@keyframes spin31 {
  100% {
    transform: rotate(471.6deg) translateY(100px) rotate(446.4deg);
  }
}

.c:nth-child(32) {
  transform: rotate(115.2deg) translateY(100px) rotate(0);
  animation: spin32 5s infinite ease-in-out alternate;
  border-color: #66ff00;
  box-shadow: 0 0 50px #66ff00;
}

@keyframes spin32 {
  100% {
    transform: rotate(475.2deg) translateY(100px) rotate(460.8deg);
  }
}

.c:nth-child(33) {
  transform: rotate(118.8deg) translateY(100px) rotate(0);
  animation: spin33 5s infinite ease-in-out alternate;
  border-color: #59ff00;
  box-shadow: 0 0 50px #59ff00;
}

@keyframes spin33 {
  100% {
    transform: rotate(478.8deg) translateY(100px) rotate(475.2deg);
  }
}

.c:nth-child(34) {
  transform: rotate(122.4deg) translateY(100px) rotate(0);
  animation: spin34 5s infinite ease-in-out alternate;
  border-color: #4dff00;
  box-shadow: 0 0 50px #4dff00;
}

@keyframes spin34 {
  100% {
    transform: rotate(482.4deg) translateY(100px) rotate(489.6deg);
  }
}

.c:nth-child(35) {
  transform: rotate(126deg) translateY(100px) rotate(0);
  animation: spin35 5s infinite ease-in-out alternate;
  border-color: #40ff00;
  box-shadow: 0 0 50px #40ff00;
}

@keyframes spin35 {
  100% {
    transform: rotate(486deg) translateY(100px) rotate(504deg);
  }
}

.c:nth-child(36) {
  transform: rotate(129.6deg) translateY(100px) rotate(0);
  animation: spin36 5s infinite ease-in-out alternate;
  border-color: #33ff00;
  box-shadow: 0 0 50px #33ff00;
}

@keyframes spin36 {
  100% {
    transform: rotate(489.6deg) translateY(100px) rotate(518.4deg);
  }
}

.c:nth-child(37) {
  transform: rotate(133.2deg) translateY(100px) rotate(0);
  animation: spin37 5s infinite ease-in-out alternate;
  border-color: #26ff00;
  box-shadow: 0 0 50px #26ff00;
}

@keyframes spin37 {
  100% {
    transform: rotate(493.2deg) translateY(100px) rotate(532.8deg);
  }
}

.c:nth-child(38) {
  transform: rotate(136.8deg) translateY(100px) rotate(0);
  animation: spin38 5s infinite ease-in-out alternate;
  border-color: #1aff00;
  box-shadow: 0 0 50px #1aff00;
}

@keyframes spin38 {
  100% {
    transform: rotate(496.8deg) translateY(100px) rotate(547.2deg);
  }
}

.c:nth-child(39) {
  transform: rotate(140.4deg) translateY(100px) rotate(0);
  animation: spin39 5s infinite ease-in-out alternate;
  border-color: #0dff00;
  box-shadow: 0 0 50px #0dff00;
}

@keyframes spin39 {
  100% {
    transform: rotate(500.4deg) translateY(100px) rotate(561.6deg);
  }
}

.c:nth-child(40) {
  transform: rotate(144deg) translateY(100px) rotate(0);
  animation: spin40 5s infinite ease-in-out alternate;
  border-color: lime;
  box-shadow: 0 0 50px lime;
}

@keyframes spin40 {
  100% {
    transform: rotate(504deg) translateY(100px) rotate(576deg);
  }
}

.c:nth-child(41) {
  transform: rotate(147.6deg) translateY(100px) rotate(0);
  animation: spin41 5s infinite ease-in-out alternate;
  border-color: #00ff0d;
  box-shadow: 0 0 50px #00ff0d;
}

@keyframes spin41 {
  100% {
    transform: rotate(507.6deg) translateY(100px) rotate(590.4deg);
  }
}

.c:nth-child(42) {
  transform: rotate(151.2deg) translateY(100px) rotate(0);
  animation: spin42 5s infinite ease-in-out alternate;
  border-color: #00ff1a;
  box-shadow: 0 0 50px #00ff1a;
}

@keyframes spin42 {
  100% {
    transform: rotate(511.2deg) translateY(100px) rotate(604.8deg);
  }
}

.c:nth-child(43) {
  transform: rotate(154.8deg) translateY(100px) rotate(0);
  animation: spin43 5s infinite ease-in-out alternate;
  border-color: #00ff26;
  box-shadow: 0 0 50px #00ff26;
}

@keyframes spin43 {
  100% {
    transform: rotate(514.8deg) translateY(100px) rotate(619.2deg);
  }
}

.c:nth-child(44) {
  transform: rotate(158.4deg) translateY(100px) rotate(0);
  animation: spin44 5s infinite ease-in-out alternate;
  border-color: #00ff33;
  box-shadow: 0 0 50px #00ff33;
}

@keyframes spin44 {
  100% {
    transform: rotate(518.4deg) translateY(100px) rotate(633.6deg);
  }
}

.c:nth-child(45) {
  transform: rotate(162deg) translateY(100px) rotate(0);
  animation: spin45 5s infinite ease-in-out alternate;
  border-color: #00ff40;
  box-shadow: 0 0 50px #00ff40;
}

@keyframes spin45 {
  100% {
    transform: rotate(522deg) translateY(100px) rotate(648deg);
  }
}

.c:nth-child(46) {
  transform: rotate(165.6deg) translateY(100px) rotate(0);
  animation: spin46 5s infinite ease-in-out alternate;
  border-color: #00ff4d;
  box-shadow: 0 0 50px #00ff4d;
}

@keyframes spin46 {
  100% {
    transform: rotate(525.6deg) translateY(100px) rotate(662.4deg);
  }
}

.c:nth-child(47) {
  transform: rotate(169.2deg) translateY(100px) rotate(0);
  animation: spin47 5s infinite ease-in-out alternate;
  border-color: #00ff59;
  box-shadow: 0 0 50px #00ff59;
}

@keyframes spin47 {
  100% {
    transform: rotate(529.2deg) translateY(100px) rotate(676.8deg);
  }
}

.c:nth-child(48) {
  transform: rotate(172.8deg) translateY(100px) rotate(0);
  animation: spin48 5s infinite ease-in-out alternate;
  border-color: #00ff66;
  box-shadow: 0 0 50px #00ff66;
}

@keyframes spin48 {
  100% {
    transform: rotate(532.8deg) translateY(100px) rotate(691.2deg);
  }
}

.c:nth-child(49) {
  transform: rotate(176.4deg) translateY(100px) rotate(0);
  animation: spin49 5s infinite ease-in-out alternate;
  border-color: #00ff73;
  box-shadow: 0 0 50px #00ff73;
}

@keyframes spin49 {
  100% {
    transform: rotate(536.4deg) translateY(100px) rotate(705.6deg);
  }
}

.c:nth-child(50) {
  transform: rotate(180deg) translateY(100px) rotate(0);
  animation: spin50 5s infinite ease-in-out alternate;
  border-color: #00ff80;
  box-shadow: 0 0 50px #00ff80;
}

@keyframes spin50 {
  100% {
    transform: rotate(540deg) translateY(100px) rotate(720deg);
  }
}

.c:nth-child(51) {
  transform: rotate(183.6deg) translateY(100px) rotate(0);
  animation: spin51 5s infinite ease-in-out alternate;
  border-color: #00ff8c;
  box-shadow: 0 0 50px #00ff8c;
}

@keyframes spin51 {
  100% {
    transform: rotate(543.6deg) translateY(100px) rotate(734.4deg);
  }
}

.c:nth-child(52) {
  transform: rotate(187.2deg) translateY(100px) rotate(0);
  animation: spin52 5s infinite ease-in-out alternate;
  border-color: #00ff99;
  box-shadow: 0 0 50px #00ff99;
}

@keyframes spin52 {
  100% {
    transform: rotate(547.2deg) translateY(100px) rotate(748.8deg);
  }
}

.c:nth-child(53) {
  transform: rotate(190.8deg) translateY(100px) rotate(0);
  animation: spin53 5s infinite ease-in-out alternate;
  border-color: #00ffa6;
  box-shadow: 0 0 50px #00ffa6;
}

@keyframes spin53 {
  100% {
    transform: rotate(550.8deg) translateY(100px) rotate(763.2deg);
  }
}

.c:nth-child(54) {
  transform: rotate(194.4deg) translateY(100px) rotate(0);
  animation: spin54 5s infinite ease-in-out alternate;
  border-color: #00ffb3;
  box-shadow: 0 0 50px #00ffb3;
}

@keyframes spin54 {
  100% {
    transform: rotate(554.4deg) translateY(100px) rotate(777.6deg);
  }
}

.c:nth-child(55) {
  transform: rotate(198deg) translateY(100px) rotate(0);
  animation: spin55 5s infinite ease-in-out alternate;
  border-color: #00ffbf;
  box-shadow: 0 0 50px #00ffbf;
}

@keyframes spin55 {
  100% {
    transform: rotate(558deg) translateY(100px) rotate(792deg);
  }
}

.c:nth-child(56) {
  transform: rotate(201.6deg) translateY(100px) rotate(0);
  animation: spin56 5s infinite ease-in-out alternate;
  border-color: #00ffcc;
  box-shadow: 0 0 50px #00ffcc;
}

@keyframes spin56 {
  100% {
    transform: rotate(561.6deg) translateY(100px) rotate(806.4deg);
  }
}

.c:nth-child(57) {
  transform: rotate(205.2deg) translateY(100px) rotate(0);
  animation: spin57 5s infinite ease-in-out alternate;
  border-color: #00ffd9;
  box-shadow: 0 0 50px #00ffd9;
}

@keyframes spin57 {
  100% {
    transform: rotate(565.2deg) translateY(100px) rotate(820.8deg);
  }
}

.c:nth-child(58) {
  transform: rotate(208.8deg) translateY(100px) rotate(0);
  animation: spin58 5s infinite ease-in-out alternate;
  border-color: #00ffe6;
  box-shadow: 0 0 50px #00ffe6;
}

@keyframes spin58 {
  100% {
    transform: rotate(568.8deg) translateY(100px) rotate(835.2deg);
  }
}

.c:nth-child(59) {
  transform: rotate(212.4deg) translateY(100px) rotate(0);
  animation: spin59 5s infinite ease-in-out alternate;
  border-color: #00fff2;
  box-shadow: 0 0 50px #00fff2;
}

@keyframes spin59 {
  100% {
    transform: rotate(572.4deg) translateY(100px) rotate(849.6deg);
  }
}

.c:nth-child(60) {
  transform: rotate(216deg) translateY(100px) rotate(0);
  animation: spin60 5s infinite ease-in-out alternate;
  border-color: aqua;
  box-shadow: 0 0 50px aqua;
}

@keyframes spin60 {
  100% {
    transform: rotate(576deg) translateY(100px) rotate(864deg);
  }
}

.c:nth-child(61) {
  transform: rotate(219.6deg) translateY(100px) rotate(0);
  animation: spin61 5s infinite ease-in-out alternate;
  border-color: #00f2ff;
  box-shadow: 0 0 50px #00f2ff;
}

@keyframes spin61 {
  100% {
    transform: rotate(579.6deg) translateY(100px) rotate(878.4deg);
  }
}

.c:nth-child(62) {
  transform: rotate(223.2deg) translateY(100px) rotate(0);
  animation: spin62 5s infinite ease-in-out alternate;
  border-color: #00e6ff;
  box-shadow: 0 0 50px #00e6ff;
}

@keyframes spin62 {
  100% {
    transform: rotate(583.2deg) translateY(100px) rotate(892.8deg);
  }
}

.c:nth-child(63) {
  transform: rotate(226.8deg) translateY(100px) rotate(0);
  animation: spin63 5s infinite ease-in-out alternate;
  border-color: #00d9ff;
  box-shadow: 0 0 50px #00d9ff;
}

@keyframes spin63 {
  100% {
    transform: rotate(586.8deg) translateY(100px) rotate(907.2deg);
  }
}

.c:nth-child(64) {
  transform: rotate(230.4deg) translateY(100px) rotate(0);
  animation: spin64 5s infinite ease-in-out alternate;
  border-color: #00ccff;
  box-shadow: 0 0 50px #00ccff;
}

@keyframes spin64 {
  100% {
    transform: rotate(590.4deg) translateY(100px) rotate(921.6deg);
  }
}

.c:nth-child(65) {
  transform: rotate(234deg) translateY(100px) rotate(0);
  animation: spin65 5s infinite ease-in-out alternate;
  border-color: deepskyblue;
  box-shadow: 0 0 50px deepskyblue;
}

@keyframes spin65 {
  100% {
    transform: rotate(594deg) translateY(100px) rotate(936deg);
  }
}

.c:nth-child(66) {
  transform: rotate(237.6deg) translateY(100px) rotate(0);
  animation: spin66 5s infinite ease-in-out alternate;
  border-color: #00b3ff;
  box-shadow: 0 0 50px #00b3ff;
}

@keyframes spin66 {
  100% {
    transform: rotate(597.6deg) translateY(100px) rotate(950.4deg);
  }
}

.c:nth-child(67) {
  transform: rotate(241.2deg) translateY(100px) rotate(0);
  animation: spin67 5s infinite ease-in-out alternate;
  border-color: #00a6ff;
  box-shadow: 0 0 50px #00a6ff;
}

@keyframes spin67 {
  100% {
    transform: rotate(601.2deg) translateY(100px) rotate(964.8deg);
  }
}

.c:nth-child(68) {
  transform: rotate(244.8deg) translateY(100px) rotate(0);
  animation: spin68 5s infinite ease-in-out alternate;
  border-color: #0099ff;
  box-shadow: 0 0 50px #0099ff;
}

@keyframes spin68 {
  100% {
    transform: rotate(604.8deg) translateY(100px) rotate(979.2deg);
  }
}

.c:nth-child(69) {
  transform: rotate(248.4deg) translateY(100px) rotate(0);
  animation: spin69 5s infinite ease-in-out alternate;
  border-color: #008cff;
  box-shadow: 0 0 50px #008cff;
}

@keyframes spin69 {
  100% {
    transform: rotate(608.4deg) translateY(100px) rotate(993.6deg);
  }
}

.c:nth-child(70) {
  transform: rotate(252deg) translateY(100px) rotate(0);
  animation: spin70 5s infinite ease-in-out alternate;
  border-color: #0080ff;
  box-shadow: 0 0 50px #0080ff;
}

@keyframes spin70 {
  100% {
    transform: rotate(612deg) translateY(100px) rotate(1008deg);
  }
}

.c:nth-child(71) {
  transform: rotate(255.6deg) translateY(100px) rotate(0);
  animation: spin71 5s infinite ease-in-out alternate;
  border-color: #0073ff;
  box-shadow: 0 0 50px #0073ff;
}

@keyframes spin71 {
  100% {
    transform: rotate(615.6deg) translateY(100px) rotate(1022.4deg);
  }
}

.c:nth-child(72) {
  transform: rotate(259.2deg) translateY(100px) rotate(0);
  animation: spin72 5s infinite ease-in-out alternate;
  border-color: #0066ff;
  box-shadow: 0 0 50px #0066ff;
}

@keyframes spin72 {
  100% {
    transform: rotate(619.2deg) translateY(100px) rotate(1036.8deg);
  }
}

.c:nth-child(73) {
  transform: rotate(262.8deg) translateY(100px) rotate(0);
  animation: spin73 5s infinite ease-in-out alternate;
  border-color: #0059ff;
  box-shadow: 0 0 50px #0059ff;
}

@keyframes spin73 {
  100% {
    transform: rotate(622.8deg) translateY(100px) rotate(1051.2deg);
  }
}

.c:nth-child(74) {
  transform: rotate(266.4deg) translateY(100px) rotate(0);
  animation: spin74 5s infinite ease-in-out alternate;
  border-color: #004dff;
  box-shadow: 0 0 50px #004dff;
}

@keyframes spin74 {
  100% {
    transform: rotate(626.4deg) translateY(100px) rotate(1065.6deg);
  }
}

.c:nth-child(75) {
  transform: rotate(270deg) translateY(100px) rotate(0);
  animation: spin75 5s infinite ease-in-out alternate;
  border-color: #0040ff;
  box-shadow: 0 0 50px #0040ff;
}

@keyframes spin75 {
  100% {
    transform: rotate(630deg) translateY(100px) rotate(1080deg);
  }
}

.c:nth-child(76) {
  transform: rotate(273.6deg) translateY(100px) rotate(0);
  animation: spin76 5s infinite ease-in-out alternate;
  border-color: #0033ff;
  box-shadow: 0 0 50px #0033ff;
}

@keyframes spin76 {
  100% {
    transform: rotate(633.6deg) translateY(100px) rotate(1094.4deg);
  }
}

.c:nth-child(77) {
  transform: rotate(277.2deg) translateY(100px) rotate(0);
  animation: spin77 5s infinite ease-in-out alternate;
  border-color: #0026ff;
  box-shadow: 0 0 50px #0026ff;
}

@keyframes spin77 {
  100% {
    transform: rotate(637.2deg) translateY(100px) rotate(1108.8deg);
  }
}

.c:nth-child(78) {
  transform: rotate(280.8deg) translateY(100px) rotate(0);
  animation: spin78 5s infinite ease-in-out alternate;
  border-color: #001aff;
  box-shadow: 0 0 50px #001aff;
}

@keyframes spin78 {
  100% {
    transform: rotate(640.8deg) translateY(100px) rotate(1123.2deg);
  }
}

.c:nth-child(79) {
  transform: rotate(284.4deg) translateY(100px) rotate(0);
  animation: spin79 5s infinite ease-in-out alternate;
  border-color: #000dff;
  box-shadow: 0 0 50px #000dff;
}

@keyframes spin79 {
  100% {
    transform: rotate(644.4deg) translateY(100px) rotate(1137.6deg);
  }
}

.c:nth-child(80) {
  transform: rotate(288deg) translateY(100px) rotate(0);
  animation: spin80 5s infinite ease-in-out alternate;
  border-color: blue;
  box-shadow: 0 0 50px blue;
}

@keyframes spin80 {
  100% {
    transform: rotate(648deg) translateY(100px) rotate(1152deg);
  }
}

.c:nth-child(81) {
  transform: rotate(291.6deg) translateY(100px) rotate(0);
  animation: spin81 5s infinite ease-in-out alternate;
  border-color: #0d00ff;
  box-shadow: 0 0 50px #0d00ff;
}

@keyframes spin81 {
  100% {
    transform: rotate(651.6deg) translateY(100px) rotate(1166.4deg);
  }
}

.c:nth-child(82) {
  transform: rotate(295.2deg) translateY(100px) rotate(0);
  animation: spin82 5s infinite ease-in-out alternate;
  border-color: #1a00ff;
  box-shadow: 0 0 50px #1a00ff;
}

@keyframes spin82 {
  100% {
    transform: rotate(655.2deg) translateY(100px) rotate(1180.8deg);
  }
}

.c:nth-child(83) {
  transform: rotate(298.8deg) translateY(100px) rotate(0);
  animation: spin83 5s infinite ease-in-out alternate;
  border-color: #2600ff;
  box-shadow: 0 0 50px #2600ff;
}

@keyframes spin83 {
  100% {
    transform: rotate(658.8deg) translateY(100px) rotate(1195.2deg);
  }
}

.c:nth-child(84) {
  transform: rotate(302.4deg) translateY(100px) rotate(0);
  animation: spin84 5s infinite ease-in-out alternate;
  border-color: #3300ff;
  box-shadow: 0 0 50px #3300ff;
}

@keyframes spin84 {
  100% {
    transform: rotate(662.4deg) translateY(100px) rotate(1209.6deg);
  }
}

.c:nth-child(85) {
  transform: rotate(306deg) translateY(100px) rotate(0);
  animation: spin85 5s infinite ease-in-out alternate;
  border-color: #4000ff;
  box-shadow: 0 0 50px #4000ff;
}

@keyframes spin85 {
  100% {
    transform: rotate(666deg) translateY(100px) rotate(1224deg);
  }
}

.c:nth-child(86) {
  transform: rotate(309.6deg) translateY(100px) rotate(0);
  animation: spin86 5s infinite ease-in-out alternate;
  border-color: #4d00ff;
  box-shadow: 0 0 50px #4d00ff;
}

@keyframes spin86 {
  100% {
    transform: rotate(669.6deg) translateY(100px) rotate(1238.4deg);
  }
}

.c:nth-child(87) {
  transform: rotate(313.2deg) translateY(100px) rotate(0);
  animation: spin87 5s infinite ease-in-out alternate;
  border-color: #5900ff;
  box-shadow: 0 0 50px #5900ff;
}

@keyframes spin87 {
  100% {
    transform: rotate(673.2deg) translateY(100px) rotate(1252.8deg);
  }
}

.c:nth-child(88) {
  transform: rotate(316.8deg) translateY(100px) rotate(0);
  animation: spin88 5s infinite ease-in-out alternate;
  border-color: #6600ff;
  box-shadow: 0 0 50px #6600ff;
}

@keyframes spin88 {
  100% {
    transform: rotate(676.8deg) translateY(100px) rotate(1267.2deg);
  }
}

.c:nth-child(89) {
  transform: rotate(320.4deg) translateY(100px) rotate(0);
  animation: spin89 5s infinite ease-in-out alternate;
  border-color: #7300ff;
  box-shadow: 0 0 50px #7300ff;
}

@keyframes spin89 {
  100% {
    transform: rotate(680.4deg) translateY(100px) rotate(1281.6deg);
  }
}

.c:nth-child(90) {
  transform: rotate(324deg) translateY(100px) rotate(0);
  animation: spin90 5s infinite ease-in-out alternate;
  border-color: #8000ff;
  box-shadow: 0 0 50px #8000ff;
}

@keyframes spin90 {
  100% {
    transform: rotate(684deg) translateY(100px) rotate(1296deg);
  }
}

.c:nth-child(91) {
  transform: rotate(327.6deg) translateY(100px) rotate(0);
  animation: spin91 5s infinite ease-in-out alternate;
  border-color: #8c00ff;
  box-shadow: 0 0 50px #8c00ff;
}

@keyframes spin91 {
  100% {
    transform: rotate(687.6deg) translateY(100px) rotate(1310.4deg);
  }
}

.c:nth-child(92) {
  transform: rotate(331.2deg) translateY(100px) rotate(0);
  animation: spin92 5s infinite ease-in-out alternate;
  border-color: #9900ff;
  box-shadow: 0 0 50px #9900ff;
}

@keyframes spin92 {
  100% {
    transform: rotate(691.2deg) translateY(100px) rotate(1324.8deg);
  }
}

.c:nth-child(93) {
  transform: rotate(334.8deg) translateY(100px) rotate(0);
  animation: spin93 5s infinite ease-in-out alternate;
  border-color: #a600ff;
  box-shadow: 0 0 50px #a600ff;
}

@keyframes spin93 {
  100% {
    transform: rotate(694.8deg) translateY(100px) rotate(1339.2deg);
  }
}

.c:nth-child(94) {
  transform: rotate(338.4deg) translateY(100px) rotate(0);
  animation: spin94 5s infinite ease-in-out alternate;
  border-color: #b300ff;
  box-shadow: 0 0 50px #b300ff;
}

@keyframes spin94 {
  100% {
    transform: rotate(698.4deg) translateY(100px) rotate(1353.6deg);
  }
}

.c:nth-child(95) {
  transform: rotate(342deg) translateY(100px) rotate(0);
  animation: spin95 5s infinite ease-in-out alternate;
  border-color: #bf00ff;
  box-shadow: 0 0 50px #bf00ff;
}

@keyframes spin95 {
  100% {
    transform: rotate(702deg) translateY(100px) rotate(1368deg);
  }
}

.c:nth-child(96) {
  transform: rotate(345.6deg) translateY(100px) rotate(0);
  animation: spin96 5s infinite ease-in-out alternate;
  border-color: #cc00ff;
  box-shadow: 0 0 50px #cc00ff;
}

@keyframes spin96 {
  100% {
    transform: rotate(705.6deg) translateY(100px) rotate(1382.4deg);
  }
}

.c:nth-child(97) {
  transform: rotate(349.2deg) translateY(100px) rotate(0);
  animation: spin97 5s infinite ease-in-out alternate;
  border-color: #d900ff;
  box-shadow: 0 0 50px #d900ff;
}

@keyframes spin97 {
  100% {
    transform: rotate(709.2deg) translateY(100px) rotate(1396.8deg);
  }
}

.c:nth-child(98) {
  transform: rotate(352.8deg) translateY(100px) rotate(0);
  animation: spin98 5s infinite ease-in-out alternate;
  border-color: #e600ff;
  box-shadow: 0 0 50px #e600ff;
}

@keyframes spin98 {
  100% {
    transform: rotate(712.8deg) translateY(100px) rotate(1411.2deg);
  }
}

.c:nth-child(99) {
  transform: rotate(356.4deg) translateY(100px) rotate(0);
  animation: spin99 5s infinite ease-in-out alternate;
  border-color: #f200ff;
  box-shadow: 0 0 50px #f200ff;
}

@keyframes spin99 {
  100% {
    transform: rotate(716.4deg) translateY(100px) rotate(1425.6deg);
  }
}

.c:nth-child(100) {
  transform: rotate(360deg) translateY(100px) rotate(0);
  animation: spin100 5s infinite ease-in-out alternate;
  border-color: fuchsia;
  box-shadow: 0 0 50px fuchsia;
}

@keyframes spin100 {
  100% {
    transform: rotate(720deg) translateY(100px) rotate(1440deg);
  }
}