My First Heading

My first paragraph.

html, body { height: 100%; } body { background: black; overflow: hidden; } .wrap { position: relative; top: 50%; left: 50%; width: 0; height: 0; transform-style: preserve-3d; perspective: 1000px; animation: rotate 14s infinite linear; } @keyframes rotate { 100% { transform: rotateY(360deg) rotateX(360deg); } } .c { position: absolute; width: 3px; height: 3px; border-radius: 50%; opacity: 0; } .c:nth-child(1) { animation: orbit1 14s infinite; animation-delay: 0.01s; background-color: #00ffaa; } @keyframes orbit1 { 20% { opacity: 1; } 30% { transform: rotateZ(-346deg) rotateY(290deg) translateX(200px) rotateZ(346deg); } 80% { transform: rotateZ(-346deg) rotateY(290deg) translateX(200px) rotateZ(346deg); opacity: 1; } 100% { transform: rotateZ(-346deg) rotateY(290deg) translateX(600px) rotateZ(346deg); } } .c:nth-child(2) { animation: orbit2 14s infinite; animation-delay: 0.02s; background-color: #00ffab; } @keyframes orbit2 { 20% { opacity: 1; } 30% { transform: rotateZ(-310deg) rotateY(244deg) translateX(200px) rotateZ(310deg); } 80% { transform: rotateZ(-310deg) rotateY(244deg) translateX(200px) rotateZ(310deg); opacity: 1; } 100% { transform: rotateZ(-310deg) rotateY(244deg) translateX(600px) rotateZ(310deg); } } .c:nth-child(3) { animation: orbit3 14s infinite; animation-delay: 0.03s; background-color: #00ffab; } @keyframes orbit3 { 20% { opacity: 1; } 30% { transform: rotateZ(-256deg) rotateY(9deg) translateX(200px) rotateZ(256deg); } 80% { transform: rotateZ(-256deg) rotateY(9deg) translateX(200px) rotateZ(256deg); opacity: 1; } 100% { transform: rotateZ(-256deg) rotateY(9deg) translateX(600px) rotateZ(256deg); } } .c:nth-child(4) { animation: orbit4 14s infinite; animation-delay: 0.04s; background-color: #00ffac; } @keyframes orbit4 { 20% { opacity: 1; } 30% { transform: rotateZ(-218deg) rotateY(139deg) translateX(200px) rotateZ(218deg); } 80% { transform: rotateZ(-218deg) rotateY(139deg) translateX(200px) rotateZ(218deg); opacity: 1; } 100% { transform: rotateZ(-218deg) rotateY(139deg) translateX(600px) rotateZ(218deg); } } .c:nth-child(5) { animation: orbit5 14s infinite; animation-delay: 0.05s; background-color: #00ffac; } @keyframes orbit5 { 20% { opacity: 1; } 30% { transform: rotateZ(-188deg) rotateY(288deg) translateX(200px) rotateZ(188deg); } 80% { transform: rotateZ(-188deg) rotateY(288deg) translateX(200px) rotateZ(188deg); opacity: 1; } 100% { transform: rotateZ(-188deg) rotateY(288deg) translateX(600px) rotateZ(188deg); } } .c:nth-child(6) { animation: orbit6 14s infinite; animation-delay: 0.06s; background-color: #00ffad; } @keyframes orbit6 { 20% { opacity: 1; } 30% { transform: rotateZ(-32deg) rotateY(322deg) translateX(200px) rotateZ(32deg); } 80% { transform: rotateZ(-32deg) rotateY(322deg) translateX(200px) rotateZ(32deg); opacity: 1; } 100% { transform: rotateZ(-32deg) rotateY(322deg) translateX(600px) rotateZ(32deg); } } .c:nth-child(7) { animation: orbit7 14s infinite; animation-delay: 0.07s; background-color: #00ffad; } @keyframes orbit7 { 20% { opacity: 1; } 30% { transform: rotateZ(-49deg) rotateY(280deg) translateX(200px) rotateZ(49deg); } 80% { transform: rotateZ(-49deg) rotateY(280deg) translateX(200px) rotateZ(49deg); opacity: 1; } 100% { transform: rotateZ(-49deg) rotateY(280deg) translateX(600px) rotateZ(49deg); } } .c:nth-child(8) { animation: orbit8 14s infinite; animation-delay: 0.08s; background-color: #00ffad; } @keyframes orbit8 { 20% { opacity: 1; } 30% { transform: rotateZ(-242deg) rotateY(93deg) translateX(200px) rotateZ(242deg); } 80% { transform: rotateZ(-242deg) rotateY(93deg) translateX(200px) rotateZ(242deg); opacity: 1; } 100% { transform: rotateZ(-242deg) rotateY(93deg) translateX(600px) rotateZ(242deg); } } .c:nth-child(9) { animation: orbit9 14s infinite; animation-delay: 0.09s; background-color: #00ffae; } @keyframes orbit9 { 20% { opacity: 1; } 30% { transform: rotateZ(-118deg) rotateY(254deg) translateX(200px) rotateZ(118deg); } 80% { transform: rotateZ(-118deg) rotateY(254deg) translateX(200px) rotateZ(118deg); opacity: 1; } 100% { transform: rotateZ(-118deg) rotateY(254deg) translateX(600px) rotateZ(118deg); } } .c:nth-child(10) { animation: orbit10 14s infinite; animation-delay: 0.1s; background-color: #00ffae; } @keyframes orbit10 { 20% { opacity: 1; } 30% { transform: rotateZ(-232deg) rotateY(183deg) translateX(200px) rotateZ(232deg); } 80% { transform: rotateZ(-232deg) rotateY(183deg) translateX(200px) rotateZ(232deg); opacity: 1; } 100% { transform: rotateZ(-232deg) rotateY(183deg) translateX(600px) rotateZ(232deg); } } .c:nth-child(11) { animation: orbit11 14s infinite; animation-delay: 0.11s; background-color: #00ffaf; } @keyframes orbit11 { 20% { opacity: 1; } 30% { transform: rotateZ(-10deg) rotateY(236deg) translateX(200px) rotateZ(10deg); } 80% { transform: rotateZ(-10deg) rotateY(236deg) translateX(200px) rotateZ(10deg); opacity: 1; } 100% { transform: rotateZ(-10deg) rotateY(236deg) translateX(600px) rotateZ(10deg); } } .c:nth-child(12) { animation: orbit12 14s infinite; animation-delay: 0.12s; background-color: #00ffaf; } @keyframes orbit12 { 20% { opacity: 1; } 30% { transform: rotateZ(-298deg) rotateY(246deg) translateX(200px) rotateZ(298deg); } 80% { transform: rotateZ(-298deg) rotateY(246deg) translateX(200px) rotateZ(298deg); opacity: 1; } 100% { transform: rotateZ(-298deg) rotateY(246deg) translateX(600px) rotateZ(298deg); } } .c:nth-child(13) { animation: orbit13 14s infinite; animation-delay: 0.13s; background-color: #00ffb0; } @keyframes orbit13 { 20% { opacity: 1; } 30% { transform: rotateZ(-5deg) rotateY(80deg) translateX(200px) rotateZ(5deg); } 80% { transform: rotateZ(-5deg) rotateY(80deg) translateX(200px) rotateZ(5deg); opacity: 1; } 100% { transform: rotateZ(-5deg) rotateY(80deg) translateX(600px) rotateZ(5deg); } } .c:nth-child(14) { animation: orbit14 14s infinite; animation-delay: 0.14s; background-color: #00ffb0; } @keyframes orbit14 { 20% { opacity: 1; } 30% { transform: rotateZ(-47deg) rotateY(146deg) translateX(200px) rotateZ(47deg); } 80% { transform: rotateZ(-47deg) rotateY(146deg) translateX(200px) rotateZ(47deg); opacity: 1; } 100% { transform: rotateZ(-47deg) rotateY(146deg) translateX(600px) rotateZ(47deg); } } .c:nth-child(15) { animation: orbit15 14s infinite; animation-delay: 0.15s; background-color: #00ffb0; } @keyframes orbit15 { 20% { opacity: 1; } 30% { transform: rotateZ(-27deg) rotateY(357deg) translateX(200px) rotateZ(27deg); } 80% { transform: rotateZ(-27deg) rotateY(357deg) translateX(200px) rotateZ(27deg); opacity: 1; } 100% { transform: rotateZ(-27deg) rotateY(357deg) translateX(600px) rotateZ(27deg); } } .c:nth-child(16) { animation: orbit16 14s infinite; animation-delay: 0.16s; background-color: #00ffb1; } @keyframes orbit16 { 20% { opacity: 1; } 30% { transform: rotateZ(-20deg) rotateY(38deg) translateX(200px) rotateZ(20deg); } 80% { transform: rotateZ(-20deg) rotateY(38deg) translateX(200px) rotateZ(20deg); opacity: 1; } 100% { transform: rotateZ(-20deg) rotateY(38deg) translateX(600px) rotateZ(20deg); } } .c:nth-child(17) { animation: orbit17 14s infinite; animation-delay: 0.17s; background-color: #00ffb1; } @keyframes orbit17 { 20% { opacity: 1; } 30% { transform: rotateZ(-348deg) rotateY(161deg) translateX(200px) rotateZ(348deg); } 80% { transform: rotateZ(-348deg) rotateY(161deg) translateX(200px) rotateZ(348deg); opacity: 1; } 100% { transform: rotateZ(-348deg) rotateY(161deg) translateX(600px) rotateZ(348deg); } } .c:nth-child(18) { animation: orbit18 14s infinite; animation-delay: 0.18s; background-color: #00ffb2; } @keyframes orbit18 { 20% { opacity: 1; } 30% { transform: rotateZ(-37deg) rotateY(195deg) translateX(200px) rotateZ(37deg); } 80% { transform: rotateZ(-37deg) rotateY(195deg) translateX(200px) rotateZ(37deg); opacity: 1; } 100% { transform: rotateZ(-37deg) rotateY(195deg) translateX(600px) rotateZ(37deg); } } .c:nth-child(19) { animation: orbit19 14s infinite; animation-delay: 0.19s; background-color: #00ffb2; } @keyframes orbit19 { 20% { opacity: 1; } 30% { transform: rotateZ(-161deg) rotateY(124deg) translateX(200px) rotateZ(161deg); } 80% { transform: rotateZ(-161deg) rotateY(124deg) translateX(200px) rotateZ(161deg); opacity: 1; } 100% { transform: rotateZ(-161deg) rotateY(124deg) translateX(600px) rotateZ(161deg); } } .c:nth-child(20) { animation: orbit20 14s infinite; animation-delay: 0.2s; background-color: #00ffb3; } @keyframes orbit20 { 20% { opacity: 1; } 30% { transform: rotateZ(-98deg) rotateY(217deg) translateX(200px) rotateZ(98deg); } 80% { transform: rotateZ(-98deg) rotateY(217deg) translateX(200px) rotateZ(98deg); opacity: 1; } 100% { transform: rotateZ(-98deg) rotateY(217deg) translateX(600px) rotateZ(98deg); } } .c:nth-child(21) { animation: orbit21 14s infinite; animation-delay: 0.21s; background-color: #00ffb3; } @keyframes orbit21 { 20% { opacity: 1; } 30% { transform: rotateZ(-4deg) rotateY(20deg) translateX(200px) rotateZ(4deg); } 80% { transform: rotateZ(-4deg) rotateY(20deg) translateX(200px) rotateZ(4deg); opacity: 1; } 100% { transform: rotateZ(-4deg) rotateY(20deg) translateX(600px) rotateZ(4deg); } } .c:nth-child(22) { animation: orbit22 14s infinite; animation-delay: 0.22s; background-color: #00ffb3; } @keyframes orbit22 { 20% { opacity: 1; } 30% { transform: rotateZ(-223deg) rotateY(221deg) translateX(200px) rotateZ(223deg); } 80% { transform: rotateZ(-223deg) rotateY(221deg) translateX(200px) rotateZ(223deg); opacity: 1; } 100% { transform: rotateZ(-223deg) rotateY(221deg) translateX(600px) rotateZ(223deg); } } .c:nth-child(23) { animation: orbit23 14s infinite; animation-delay: 0.23s; background-color: #00ffb4; } @keyframes orbit23 { 20% { opacity: 1; } 30% { transform: rotateZ(-1deg) rotateY(213deg) translateX(200px) rotateZ(1deg); } 80% { transform: rotateZ(-1deg) rotateY(213deg) translateX(200px) rotateZ(1deg); opacity: 1; } 100% { transform: rotateZ(-1deg) rotateY(213deg) translateX(600px) rotateZ(1deg); } } .c:nth-child(24) { animation: orbit24 14s infinite; animation-delay: 0.24s; background-color: #00ffb4; } @keyframes orbit24 { 20% { opacity: 1; } 30% { transform: rotateZ(-2deg) rotateY(9deg) translateX(200px) rotateZ(2deg); } 80% { transform: rotateZ(-2deg) rotateY(9deg) translateX(200px) rotateZ(2deg); opacity: 1; } 100% { transform: rotateZ(-2deg) rotateY(9deg) translateX(600px) rotateZ(2deg); } } .c:nth-child(25) { animation: orbit25 14s infinite; animation-delay: 0.25s; background-color: #00ffb5; } @keyframes orbit25 { 20% { opacity: 1; } 30% { transform: rotateZ(-196deg) rotateY(340deg) translateX(200px) rotateZ(196deg); } 80% { transform: rotateZ(-196deg) rotateY(340deg) translateX(200px) rotateZ(196deg); opacity: 1; } 100% { transform: rotateZ(-196deg) rotateY(340deg) translateX(600px) rotateZ(196deg); } } .c:nth-child(26) { animation: orbit26 14s infinite; animation-delay: 0.26s; background-color: #00ffb5; } @keyframes orbit26 { 20% { opacity: 1; } 30% { transform: rotateZ(-18deg) rotateY(29deg) translateX(200px) rotateZ(18deg); } 80% { transform: rotateZ(-18deg) rotateY(29deg) translateX(200px) rotateZ(18deg); opacity: 1; } 100% { transform: rotateZ(-18deg) rotateY(29deg) translateX(600px) rotateZ(18deg); } } .c:nth-child(27) { animation: orbit27 14s infinite; animation-delay: 0.27s; background-color: #00ffb5; } @keyframes orbit27 { 20% { opacity: 1; } 30% { transform: rotateZ(-165deg) rotateY(215deg) translateX(200px) rotateZ(165deg); } 80% { transform: rotateZ(-165deg) rotateY(215deg) translateX(200px) rotateZ(165deg); opacity: 1; } 100% { transform: rotateZ(-165deg) rotateY(215deg) translateX(600px) rotateZ(165deg); } } .c:nth-child(28) { animation: orbit28 14s infinite; animation-delay: 0.28s; background-color: #00ffb6; } @keyframes orbit28 { 20% { opacity: 1; } 30% { transform: rotateZ(-153deg) rotateY(314deg) translateX(200px) rotateZ(153deg); } 80% { transform: rotateZ(-153deg) rotateY(314deg) translateX(200px) rotateZ(153deg); opacity: 1; } 100% { transform: rotateZ(-153deg) rotateY(314deg) translateX(600px) rotateZ(153deg); } } .c:nth-child(29) { animation: orbit29 14s infinite; animation-delay: 0.29s; background-color: #00ffb6; } @keyframes orbit29 { 20% { opacity: 1; } 30% { transform: rotateZ(-53deg) rotateY(349deg) translateX(200px) rotateZ(53deg); } 80% { transform: rotateZ(-53deg) rotateY(349deg) translateX(200px) rotateZ(53deg); opacity: 1; } 100% { transform: rotateZ(-53deg) rotateY(349deg) translateX(600px) rotateZ(53deg); } } .c:nth-child(30) { animation: orbit30 14s infinite; animation-delay: 0.3s; background-color: #00ffb7; } @keyframes orbit30 { 20% { opacity: 1; } 30% { transform: rotateZ(-95deg) rotateY(99deg) translateX(200px) rotateZ(95deg); } 80% { transform: rotateZ(-95deg) rotateY(99deg) translateX(200px) rotateZ(95deg); opacity: 1; } 100% { transform: rotateZ(-95deg) rotateY(99deg) translateX(600px) rotateZ(95deg); } } .c:nth-child(31) { animation: orbit31 14s infinite; animation-delay: 0.31s; background-color: #00ffb7; } @keyframes orbit31 { 20% { opacity: 1; } 30% { transform: rotateZ(-148deg) rotateY(78deg) translateX(200px) rotateZ(148deg); } 80% { transform: rotateZ(-148deg) rotateY(78deg) translateX(200px) rotateZ(148deg); opacity: 1; } 100% { transform: rotateZ(-148deg) rotateY(78deg) translateX(600px) rotateZ(148deg); } } .c:nth-child(32) { animation: orbit32 14s infinite; animation-delay: 0.32s; background-color: #00ffb8; } @keyframes orbit32 { 20% { opacity: 1; } 30% { transform: rotateZ(-269deg) rotateY(59deg) translateX(200px) rotateZ(269deg); } 80% { transform: rotateZ(-269deg) rotateY(59deg) translateX(200px) rotateZ(269deg); opacity: 1; } 100% { transform: rotateZ(-269deg) rotateY(59deg) translateX(600px) rotateZ(269deg); } } .c:nth-child(33) { animation: orbit33 14s infinite; animation-delay: 0.33s; background-color: #00ffb8; } @keyframes orbit33 { 20% { opacity: 1; } 30% { transform: rotateZ(-56deg) rotateY(229deg) translateX(200px) rotateZ(56deg); } 80% { transform: rotateZ(-56deg) rotateY(229deg) translateX(200px) rotateZ(56deg); opacity: 1; } 100% { transform: rotateZ(-56deg) rotateY(229deg) translateX(600px) rotateZ(56deg); } } .c:nth-child(34) { animation: orbit34 14s infinite; animation-delay: 0.34s; background-color: #00ffb8; } @keyframes orbit34 { 20% { opacity: 1; } 30% { transform: rotateZ(-220deg) rotateY(115deg) translateX(200px) rotateZ(220deg); } 80% { transform: rotateZ(-220deg) rotateY(115deg) translateX(200px) rotateZ(220deg); opacity: 1; } 100% { transform: rotateZ(-220deg) rotateY(115deg) translateX(600px) rotateZ(220deg); } } .c:nth-child(35) { animation: orbit35 14s infinite; animation-delay: 0.35s; background-color: #00ffb9; } @keyframes orbit35 { 20% { opacity: 1; } 30% { transform: rotateZ(-9deg) rotateY(241deg) translateX(200px) rotateZ(9deg); } 80% { transform: rotateZ(-9deg) rotateY(241deg) translateX(200px) rotateZ(9deg); opacity: 1; } 100% { transform: rotateZ(-9deg) rotateY(241deg) translateX(600px) rotateZ(9deg); } } .c:nth-child(36) { animation: orbit36 14s infinite; animation-delay: 0.36s; background-color: #00ffb9; } @keyframes orbit36 { 20% { opacity: 1; } 30% { transform: rotateZ(-128deg) rotateY(308deg) translateX(200px) rotateZ(128deg); } 80% { transform: rotateZ(-128deg) rotateY(308deg) translateX(200px) rotateZ(128deg); opacity: 1; } 100% { transform: rotateZ(-128deg) rotateY(308deg) translateX(600px) rotateZ(128deg); } } .c:nth-child(37) { animation: orbit37 14s infinite; animation-delay: 0.37s; background-color: #00ffba; } @keyframes orbit37 { 20% { opacity: 1; } 30% { transform: rotateZ(-256deg) rotateY(3deg) translateX(200px) rotateZ(256deg); } 80% { transform: rotateZ(-256deg) rotateY(3deg) translateX(200px) rotateZ(256deg); opacity: 1; } 100% { transform: rotateZ(-256deg) rotateY(3deg) translateX(600px) rotateZ(256deg); } } .c:nth-child(38) { animation: orbit38 14s infinite; animation-delay: 0.38s; background-color: #00ffba; } @keyframes orbit38 { 20% { opacity: 1; } 30% { transform: rotateZ(-149deg) rotateY(222deg) translateX(200px) rotateZ(149deg); } 80% { transform: rotateZ(-149deg) rotateY(222deg) translateX(200px) rotateZ(149deg); opacity: 1; } 100% { transform: rotateZ(-149deg) rotateY(222deg) translateX(600px) rotateZ(149deg); } } .c:nth-child(39) { animation: orbit39 14s infinite; animation-delay: 0.39s; background-color: #00ffbb; } @keyframes orbit39 { 20% { opacity: 1; } 30% { transform: rotateZ(-202deg) rotateY(238deg) translateX(200px) rotateZ(202deg); } 80% { transform: rotateZ(-202deg) rotateY(238deg) translateX(200px) rotateZ(202deg); opacity: 1; } 100% { transform: rotateZ(-202deg) rotateY(238deg) translateX(600px) rotateZ(202deg); } } .c:nth-child(40) { animation: orbit40 14s infinite; animation-delay: 0.4s; background-color: #00ffbb; } @keyframes orbit40 { 20% { opacity: 1; } 30% { transform: rotateZ(-148deg) rotateY(150deg) translateX(200px) rotateZ(148deg); } 80% { transform: rotateZ(-148deg) rotateY(150deg) translateX(200px) rotateZ(148deg); opacity: 1; } 100% { transform: rotateZ(-148deg) rotateY(150deg) translateX(600px) rotateZ(148deg); } } .c:nth-child(41) { animation: orbit41 14s infinite; animation-delay: 0.41s; background-color: #00ffbb; } @keyframes orbit41 { 20% { opacity: 1; } 30% { transform: rotateZ(-149deg) rotateY(170deg) translateX(200px) rotateZ(149deg); } 80% { transform: rotateZ(-149deg) rotateY(170deg) translateX(200px) rotateZ(149deg); opacity: 1; } 100% { transform: rotateZ(-149deg) rotateY(170deg) translateX(600px) rotateZ(149deg); } } .c:nth-child(42) { animation: orbit42 14s infinite; animation-delay: 0.42s; background-color: #00ffbc; } @keyframes orbit42 { 20% { opacity: 1; } 30% { transform: rotateZ(-102deg) rotateY(72deg) translateX(200px) rotateZ(102deg); } 80% { transform: rotateZ(-102deg) rotateY(72deg) translateX(200px) rotateZ(102deg); opacity: 1; } 100% { transform: rotateZ(-102deg) rotateY(72deg) translateX(600px) rotateZ(102deg); } } .c:nth-child(43) { animation: orbit43 14s infinite; animation-delay: 0.43s; background-color: #00ffbc; } @keyframes orbit43 { 20% { opacity: 1; } 30% { transform: rotateZ(-20deg) rotateY(321deg) translateX(200px) rotateZ(20deg); } 80% { transform: rotateZ(-20deg) rotateY(321deg) translateX(200px) rotateZ(20deg); opacity: 1; } 100% { transform: rotateZ(-20deg) rotateY(321deg) translateX(600px) rotateZ(20deg); } } .c:nth-child(44) { animation: orbit44 14s infinite; animation-delay: 0.44s; background-color: #00ffbd; } @keyframes orbit44 { 20% { opacity: 1; } 30% { transform: rotateZ(-5deg) rotateY(353deg) translateX(200px) rotateZ(5deg); } 80% { transform: rotateZ(-5deg) rotateY(353deg) translateX(200px) rotateZ(5deg); opacity: 1; } 100% { transform: rotateZ(-5deg) rotateY(353deg) translateX(600px) rotateZ(5deg); } } .c:nth-child(45) { animation: orbit45 14s infinite; animation-delay: 0.45s; background-color: #00ffbd; } @keyframes orbit45 { 20% { opacity: 1; } 30% { transform: rotateZ(-325deg) rotateY(252deg) translateX(200px) rotateZ(325deg); } 80% { transform: rotateZ(-325deg) rotateY(252deg) translateX(200px) rotateZ(325deg); opacity: 1; } 100% { transform: rotateZ(-325deg) rotateY(252deg) translateX(600px) rotateZ(325deg); } } .c:nth-child(46) { animation: orbit46 14s infinite; animation-delay: 0.46s; background-color: #00ffbe; } @keyframes orbit46 { 20% { opacity: 1; } 30% { transform: rotateZ(-247deg) rotateY(245deg) translateX(200px) rotateZ(247deg); } 80% { transform: rotateZ(-247deg) rotateY(245deg) translateX(200px) rotateZ(247deg); opacity: 1; } 100% { transform: rotateZ(-247deg) rotateY(245deg) translateX(600px) rotateZ(247deg); } } .c:nth-child(47) { animation: orbit47 14s infinite; animation-delay: 0.47s; background-color: #00ffbe; } @keyframes orbit47 { 20% { opacity: 1; } 30% { transform: rotateZ(-201deg) rotateY(10deg) translateX(200px) rotateZ(201deg); } 80% { transform: rotateZ(-201deg) rotateY(10deg) translateX(200px) rotateZ(201deg); opacity: 1; } 100% { transform: rotateZ(-201deg) rotateY(10deg) translateX(600px) rotateZ(201deg); } } .c:nth-child(48) { animation: orbit48 14s infinite; animation-delay: 0.48s; background-color: #00ffbe; } @keyframes orbit48 { 20% { opacity: 1; } 30% { transform: rotateZ(-8deg) rotateY(112deg) translateX(200px) rotateZ(8deg); } 80% { transform: rotateZ(-8deg) rotateY(112deg) translateX(200px) rotateZ(8deg); opacity: 1; } 100% { transform: rotateZ(-8deg) rotateY(112deg) translateX(600px) rotateZ(8deg); } } .c:nth-child(49) { animation: orbit49 14s infinite; animation-delay: 0.49s; background-color: #00ffbf; } @keyframes orbit49 { 20% { opacity: 1; } 30% { transform: rotateZ(-32deg) rotateY(102deg) translateX(200px) rotateZ(32deg); } 80% { transform: rotateZ(-32deg) rotateY(102deg) translateX(200px) rotateZ(32deg); opacity: 1; } 100% { transform: rotateZ(-32deg) rotateY(102deg) translateX(600px) rotateZ(32deg); } } .c:nth-child(50) { animation: orbit50 14s infinite; animation-delay: 0.5s; background-color: #00ffbf; } @keyframes orbit50 { 20% { opacity: 1; } 30% { transform: rotateZ(-139deg) rotateY(210deg) translateX(200px) rotateZ(139deg); } 80% { transform: rotateZ(-139deg) rotateY(210deg) translateX(200px) rotateZ(139deg); opacity: 1; } 100% { transform: rotateZ(-139deg) rotateY(210deg) translateX(600px) rotateZ(139deg); } } .c:nth-child(51) { animation: orbit51 14s infinite; animation-delay: 0.51s; background-color: #00ffc0; } @keyframes orbit51 { 20% { opacity: 1; } 30% { transform: rotateZ(-218deg) rotateY(235deg) translateX(200px) rotateZ(218deg); } 80% { transform: rotateZ(-218deg) rotateY(235deg) translateX(200px) rotateZ(218deg); opacity: 1; } 100% { transform: rotateZ(-218deg) rotateY(235deg) translateX(600px) rotateZ(218deg); } } .c:nth-child(52) { animation: orbit52 14s infinite; animation-delay: 0.52s; background-color: #00ffc0; } @keyframes orbit52 { 20% { opacity: 1; } 30% { transform: rotateZ(-87deg) rotateY(53deg) translateX(200px) rotateZ(87deg); } 80% { transform: rotateZ(-87deg) rotateY(53deg) translateX(200px) rotateZ(87deg); opacity: 1; } 100% { transform: rotateZ(-87deg) rotateY(53deg) translateX(600px) rotateZ(87deg); } } .c:nth-child(53) { animation: orbit53 14s infinite; animation-delay: 0.53s; background-color: #00ffc1; } @keyframes orbit53 { 20% { opacity: 1; } 30% { transform: rotateZ(-31deg) rotateY(151deg) translateX(200px) rotateZ(31deg); } 80% { transform: rotateZ(-31deg) rotateY(151deg) translateX(200px) rotateZ(31deg); opacity: 1; } 100% { transform: rotateZ(-31deg) rotateY(151deg) translateX(600px) rotateZ(31deg); } } .c:nth-child(54) { animation: orbit54 14s infinite; animation-delay: 0.54s; background-color: #00ffc1; } @keyframes orbit54 { 20% { opacity: 1; } 30% { transform: rotateZ(-163deg) rotateY(79deg) translateX(200px) rotateZ(163deg); } 80% { transform: rotateZ(-163deg) rotateY(79deg) translateX(200px) rotateZ(163deg); opacity: 1; } 100% { transform: rotateZ(-163deg) rotateY(79deg) translateX(600px) rotateZ(163deg); } } .c:nth-child(55) { animation: orbit55 14s infinite; animation-delay: 0.55s; background-color: #00ffc1; } @keyframes orbit55 { 20% { opacity: 1; } 30% { transform: rotateZ(-353deg) rotateY(127deg) translateX(200px) rotateZ(353deg); } 80% { transform: rotateZ(-353deg) rotateY(127deg) translateX(200px) rotateZ(353deg); opacity: 1; } 100% { transform: rotateZ(-353deg) rotateY(127deg) translateX(600px) rotateZ(353deg); } } .c:nth-child(56) { animation: orbit56 14s infinite; animation-delay: 0.56s; background-color: #00ffc2; } @keyframes orbit56 { 20% { opacity: 1; } 30% { transform: rotateZ(-137deg) rotateY(96deg) translateX(200px) rotateZ(137deg); } 80% { transform: rotateZ(-137deg) rotateY(96deg) translateX(200px) rotateZ(137deg); opacity: 1; } 100% { transform: rotateZ(-137deg) rotateY(96deg) translateX(600px) rotateZ(137deg); } } .c:nth-child(57) { animation: orbit57 14s infinite; animation-delay: 0.57s; background-color: #00ffc2; } @keyframes orbit57 { 20% { opacity: 1; } 30% { transform: rotateZ(-264deg) rotateY(293deg) translateX(200px) rotateZ(264deg); } 80% { transform: rotateZ(-264deg) rotateY(293deg) translateX(200px) rotateZ(264deg); opacity: 1; } 100% { transform: rotateZ(-264deg) rotateY(293deg) translateX(600px) rotateZ(264deg); } } .c:nth-child(58) { animation: orbit58 14s infinite; animation-delay: 0.58s; background-color: #00ffc3; } @keyframes orbit58 { 20% { opacity: 1; } 30% { transform: rotateZ(-284deg) rotateY(76deg) translateX(200px) rotateZ(284deg); } 80% { transform: rotateZ(-284deg) rotateY(76deg) translateX(200px) rotateZ(284deg); opacity: 1; } 100% { transform: rotateZ(-284deg) rotateY(76deg) translateX(600px) rotateZ(284deg); } } .c:nth-child(59) { animation: orbit59 14s infinite; animation-delay: 0.59s; background-color: #00ffc3; } @keyframes orbit59 { 20% { opacity: 1; } 30% { transform: rotateZ(-81deg) rotateY(62deg) translateX(200px) rotateZ(81deg); } 80% { transform: rotateZ(-81deg) rotateY(62deg) translateX(200px) rotateZ(81deg); opacity: 1; } 100% { transform: rotateZ(-81deg) rotateY(62deg) translateX(600px) rotateZ(81deg); } } .c:nth-child(60) { animation: orbit60 14s infinite; animation-delay: 0.6s; background-color: #00ffc4; } @keyframes orbit60 { 20% { opacity: 1; } 30% { transform: rotateZ(-285deg) rotateY(318deg) translateX(200px) rotateZ(285deg); } 80% { transform: rotateZ(-285deg) rotateY(318deg) translateX(200px) rotateZ(285deg); opacity: 1; } 100% { transform: rotateZ(-285deg) rotateY(318deg) translateX(600px) rotateZ(285deg); } } .c:nth-child(61) { animation: orbit61 14s infinite; animation-delay: 0.61s; background-color: #00ffc4; } @keyframes orbit61 { 20% { opacity: 1; } 30% { transform: rotateZ(-176deg) rotateY(111deg) translateX(200px) rotateZ(176deg); } 80% { transform: rotateZ(-176deg) rotateY(111deg) translateX(200px) rotateZ(176deg); opacity: 1; } 100% { transform: rotateZ(-176deg) rotateY(111deg) translateX(600px) rotateZ(176deg); } } .c:nth-child(62) { animation: orbit62 14s infinite; animation-delay: 0.62s; background-color: #00ffc4; } @keyframes orbit62 { 20% { opacity: 1; } 30% { transform: rotateZ(-246deg) rotateY(42deg) translateX(200px) rotateZ(246deg); } 80% { transform: rotateZ(-246deg) rotateY(42deg) translateX(200px) rotateZ(246deg); opacity: 1; } 100% { transform: rotateZ(-246deg) rotateY(42deg) translateX(600px) rotateZ(246deg); } } .c:nth-child(63) { animation: orbit63 14s infinite; animation-delay: 0.63s; background-color: #00ffc5; } @keyframes orbit63 { 20% { opacity: 1; } 30% { transform: rotateZ(-268deg) rotateY(343deg) translateX(200px) rotateZ(268deg); } 80% { transform: rotateZ(-268deg) rotateY(343deg) translateX(200px) rotateZ(268deg); opacity: 1; } 100% { transform: rotateZ(-268deg) rotateY(343deg) translateX(600px) rotateZ(268deg); } } .c:nth-child(64) { animation: orbit64 14s infinite; animation-delay: 0.64s; background-color: #00ffc5; } @keyframes orbit64 { 20% { opacity: 1; } 30% { transform: rotateZ(-332deg) rotateY(227deg) translateX(200px) rotateZ(332deg); } 80% { transform: rotateZ(-332deg) rotateY(227deg) translateX(200px) rotateZ(332deg); opacity: 1; } 100% { transform: rotateZ(-332deg) rotateY(227deg) translateX(600px) rotateZ(332deg); } } .c:nth-child(65) { animation: orbit65 14s infinite; animation-delay: 0.65s; background-color: #00ffc6; } @keyframes orbit65 { 20% { opacity: 1; } 30% { transform: rotateZ(-204deg) rotateY(298deg) translateX(200px) rotateZ(204deg); } 80% { transform: rotateZ(-204deg) rotateY(298deg) translateX(200px) rotateZ(204deg); opacity: 1; } 100% { transform: rotateZ(-204deg) rotateY(298deg) translateX(600px) rotateZ(204deg); } } .c:nth-child(66) { animation: orbit66 14s infinite; animation-delay: 0.66s; background-color: #00ffc6; } @keyframes orbit66 { 20% { opacity: 1; } 30% { transform: rotateZ(-239deg) rotateY(73deg) translateX(200px) rotateZ(239deg); } 80% { transform: rotateZ(-239deg) rotateY(73deg) translateX(200px) rotateZ(239deg); opacity: 1; } 100% { transform: rotateZ(-239deg) rotateY(73deg) translateX(600px) rotateZ(239deg); } } .c:nth-child(67) { animation: orbit67 14s infinite; animation-delay: 0.67s; background-color: #00ffc6; } @keyframes orbit67 { 20% { opacity: 1; } 30% { transform: rotateZ(-233deg) rotateY(177deg) translateX(200px) rotateZ(233deg); } 80% { transform: rotateZ(-233deg) rotateY(177deg) translateX(200px) rotateZ(233deg); opacity: 1; } 100% { transform: rotateZ(-233deg) rotateY(177deg) translateX(600px) rotateZ(233deg); } } .c:nth-child(68) { animation: orbit68 14s infinite; animation-delay: 0.68s; background-color: #00ffc7; } @keyframes orbit68 { 20% { opacity: 1; } 30% { transform: rotateZ(-316deg) rotateY(89deg) translateX(200px) rotateZ(316deg); } 80% { transform: rotateZ(-316deg) rotateY(89deg) translateX(200px) rotateZ(316deg); opacity: 1; } 100% { transform: rotateZ(-316deg) rotateY(89deg) translateX(600px) rotateZ(316deg); } } .c:nth-child(69) { animation: orbit69 14s infinite; animation-delay: 0.69s; background-color: #00ffc7; } @keyframes orbit69 { 20% { opacity: 1; } 30% { transform: rotateZ(-354deg) rotateY(8deg) translateX(200px) rotateZ(354deg); } 80% { transform: rotateZ(-354deg) rotateY(8deg) translateX(200px) rotateZ(354deg); opacity: 1; } 100% { transform: rotateZ(-354deg) rotateY(8deg) translateX(600px) rotateZ(354deg); } } .c:nth-child(70) { animation: orbit70 14s infinite; animation-delay: 0.7s; background-color: #00ffc8; } @keyframes orbit70 { 20% { opacity: 1; } 30% { transform: rotateZ(-162deg) rotateY(342deg) translateX(200px) rotateZ(162deg); } 80% { transform: rotateZ(-162deg) rotateY(342deg) translateX(200px) rotateZ(162deg); opacity: 1; } 100% { transform: rotateZ(-162deg) rotateY(342deg) translateX(600px) rotateZ(162deg); } } .c:nth-child(71) { animation: orbit71 14s infinite; animation-delay: 0.71s; background-color: #00ffc8; } @keyframes orbit71 { 20% { opacity: 1; } 30% { transform: rotateZ(-211deg) rotateY(297deg) translateX(200px) rotateZ(211deg); } 80% { transform: rotateZ(-211deg) rotateY(297deg) translateX(200px) rotateZ(211deg); opacity: 1; } 100% { transform: rotateZ(-211deg) rotateY(297deg) translateX(600px) rotateZ(211deg); } } .c:nth-child(72) { animation: orbit72 14s infinite; animation-delay: 0.72s; background-color: #00ffc9; } @keyframes orbit72 { 20% { opacity: 1; } 30% { transform: rotateZ(-209deg) rotateY(186deg) translateX(200px) rotateZ(209deg); } 80% { transform: rotateZ(-209deg) rotateY(186deg) translateX(200px) rotateZ(209deg); opacity: 1; } 100% { transform: rotateZ(-209deg) rotateY(186deg) translateX(600px) rotateZ(209deg); } } .c:nth-child(73) { animation: orbit73 14s infinite; animation-delay: 0.73s; background-color: #00ffc9; } @keyframes orbit73 { 20% { opacity: 1; } 30% { transform: rotateZ(-87deg) rotateY(189deg) translateX(200px) rotateZ(87deg); } 80% { transform: rotateZ(-87deg) rotateY(189deg) translateX(200px) rotateZ(87deg); opacity: 1; } 100% { transform: rotateZ(-87deg) rotateY(189deg) translateX(600px) rotateZ(87deg); } } .c:nth-child(74) { animation: orbit74 14s infinite; animation-delay: 0.74s; background-color: #00ffc9; } @keyframes orbit74 { 20% { opacity: 1; } 30% { transform: rotateZ(-207deg) rotateY(304deg) translateX(200px) rotateZ(207deg); } 80% { transform: rotateZ(-207deg) rotateY(304deg) translateX(200px) rotateZ(207deg); opacity: 1; } 100% { transform: rotateZ(-207deg) rotateY(304deg) translateX(600px) rotateZ(207deg); } } .c:nth-child(75) { animation: orbit75 14s infinite; animation-delay: 0.75s; background-color: #00ffca; } @keyframes orbit75 { 20% { opacity: 1; } 30% { transform: rotateZ(-314deg) rotateY(78deg) translateX(200px) rotateZ(314deg); } 80% { transform: rotateZ(-314deg) rotateY(78deg) translateX(200px) rotateZ(314deg); opacity: 1; } 100% { transform: rotateZ(-314deg) rotateY(78deg) translateX(600px) rotateZ(314deg); } } .c:nth-child(76) { animation: orbit76 14s infinite; animation-delay: 0.76s; background-color: #00ffca; } @keyframes orbit76 { 20% { opacity: 1; } 30% { transform: rotateZ(-11deg) rotateY(356deg) translateX(200px) rotateZ(11deg); } 80% { transform: rotateZ(-11deg) rotateY(356deg) translateX(200px) rotateZ(11deg); opacity: 1; } 100% { transform: rotateZ(-11deg) rotateY(356deg) translateX(600px) rotateZ(11deg); } } .c:nth-child(77) { animation: orbit77 14s infinite; animation-delay: 0.77s; background-color: #00ffcb; } @keyframes orbit77 { 20% { opacity: 1; } 30% { transform: rotateZ(-279deg) rotateY(118deg) translateX(200px) rotateZ(279deg); } 80% { transform: rotateZ(-279deg) rotateY(118deg) translateX(200px) rotateZ(279deg); opacity: 1; } 100% { transform: rotateZ(-279deg) rotateY(118deg) translateX(600px) rotateZ(279deg); } } .c:nth-child(78) { animation: orbit78 14s infinite; animation-delay: 0.78s; background-color: #00ffcb; } @keyframes orbit78 { 20% { opacity: 1; } 30% { transform: rotateZ(-199deg) rotateY(127deg) translateX(200px) rotateZ(199deg); } 80% { transform: rotateZ(-199deg) rotateY(127deg) translateX(200px) rotateZ(199deg); opacity: 1; } 100% { transform: rotateZ(-199deg) rotateY(127deg) translateX(600px) rotateZ(199deg); } } .c:nth-child(79) { animation: orbit79 14s infinite; animation-delay: 0.79s; background-color: #00ffcc; } @keyframes orbit79 { 20% { opacity: 1; } 30% { transform: rotateZ(-318deg) rotateY(27deg) translateX(200px) rotateZ(318deg); } 80% { transform: rotateZ(-318deg) rotateY(27deg) translateX(200px) rotateZ(318deg); opacity: 1; } 100% { transform: rotateZ(-318deg) rotateY(27deg) translateX(600px) rotateZ(318deg); } } .c:nth-child(80) { animation: orbit80 14s infinite; animation-delay: 0.8s; background-color: #00ffcc; } @keyframes orbit80 { 20% { opacity: 1; } 30% { transform: rotateZ(-265deg) rotateY(175deg) translateX(200px) rotateZ(265deg); } 80% { transform: rotateZ(-265deg) rotateY(175deg) translateX(200px) rotateZ(265deg); opacity: 1; } 100% { transform: rotateZ(-265deg) rotateY(175deg) translateX(600px) rotateZ(265deg); } } .c:nth-child(81) { animation: orbit81 14s infinite; animation-delay: 0.81s; background-color: #00ffcc; } @keyframes orbit81 { 20% { opacity: 1; } 30% { transform: rotateZ(-24deg) rotateY(343deg) translateX(200px) rotateZ(24deg); } 80% { transform: rotateZ(-24deg) rotateY(343deg) translateX(200px) rotateZ(24deg); opacity: 1; } 100% { transform: rotateZ(-24deg) rotateY(343deg) translateX(600px) rotateZ(24deg); } } .c:nth-child(82) { animation: orbit82 14s infinite; animation-delay: 0.82s; background-color: #00ffcd; } @keyframes orbit82 { 20% { opacity: 1; } 30% { transform: rotateZ(-203deg) rotateY(161deg) translateX(200px) rotateZ(203deg); } 80% { transform: rotateZ(-203deg) rotateY(161deg) translateX(200px) rotateZ(203deg); opacity: 1; } 100% { transform: rotateZ(-203deg) rotateY(161deg) translateX(600px) rotateZ(203deg); } } .c:nth-child(83) { animation: orbit83 14s infinite; animation-delay: 0.83s; background-color: #00ffcd; } @keyframes orbit83 { 20% { opacity: 1; } 30% { transform: rotateZ(-313deg) rotateY(19deg) translateX(200px) rotateZ(313deg); } 80% { transform: rotateZ(-313deg) rotateY(19deg) translateX(200px) rotateZ(313deg); opacity: 1; } 100% { transform: rotateZ(-313deg) rotateY(19deg) translateX(600px) rotateZ(313deg); } } .c:nth-child(84) { animation: orbit84 14s infinite; animation-delay: 0.84s; background-color: #00ffce; } @keyframes orbit84 { 20% { opacity: 1; } 30% { transform: rotateZ(-6deg) rotateY(194deg) translateX(200px) rotateZ(6deg); } 80% { transform: rotateZ(-6deg) rotateY(194deg) translateX(200px) rotateZ(6deg); opacity: 1; } 100% { transform: rotateZ(-6deg) rotateY(194deg) translateX(600px) rotateZ(6deg); } } .c:nth-child(85) { animation: orbit85 14s infinite; animation-delay: 0.85s; background-color: #00ffce; } @keyframes orbit85 { 20% { opacity: 1; } 30% { transform: rotateZ(-16deg) rotateY(131deg) translateX(200px) rotateZ(16deg); } 80% { transform: rotateZ(-16deg) rotateY(131deg) translateX(200px) rotateZ(16deg); opacity: 1; } 100% { transform: rotateZ(-16deg) rotateY(131deg) translateX(600px) rotateZ(16deg); } } .c:nth-child(86) { animation: orbit86 14s infinite; animation-delay: 0.86s; background-color: #00ffcf; } @keyframes orbit86 { 20% { opacity: 1; } 30% { transform: rotateZ(-112deg) rotateY(33deg) translateX(200px) rotateZ(112deg); } 80% { transform: rotateZ(-112deg) rotateY(33deg) translateX(200px) rotateZ(112deg); opacity: 1; } 100% { transform: rotateZ(-112deg) rotateY(33deg) translateX(600px) rotateZ(112deg); } } .c:nth-child(87) { animation: orbit87 14s infinite; animation-delay: 0.87s; background-color: #00ffcf; } @keyframes orbit87 { 20% { opacity: 1; } 30% { transform: rotateZ(-62deg) rotateY(2deg) translateX(200px) rotateZ(62deg); } 80% { transform: rotateZ(-62deg) rotateY(2deg) translateX(200px) rotateZ(62deg); opacity: 1; } 100% { transform: rotateZ(-62deg) rotateY(2deg) translateX(600px) rotateZ(62deg); } } .c:nth-child(88) { animation: orbit88 14s infinite; animation-delay: 0.88s; background-color: #00ffcf; } @keyframes orbit88 { 20% { opacity: 1; } 30% { transform: rotateZ(-188deg) rotateY(350deg) translateX(200px) rotateZ(188deg); } 80% { transform: rotateZ(-188deg) rotateY(350deg) translateX(200px) rotateZ(188deg); opacity: 1; } 100% { transform: rotateZ(-188deg) rotateY(350deg) translateX(600px) rotateZ(188deg); } } .c:nth-child(89) { animation: orbit89 14s infinite; animation-delay: 0.89s; background-color: #00ffd0; } @keyframes orbit89 { 20% { opacity: 1; } 30% { transform: rotateZ(-130deg) rotateY(306deg) translateX(200px) rotateZ(130deg); } 80% { transform: rotateZ(-130deg) rotateY(306deg) translateX(200px) rotateZ(130deg); opacity: 1; } 100% { transform: rotateZ(-130deg) rotateY(306deg) translateX(600px) rotateZ(130deg); } } .c:nth-child(90) { animation: orbit90 14s infinite; animation-delay: 0.9s; background-color: #00ffd0; } @keyframes orbit90 { 20% { opacity: 1; } 30% { transform: rotateZ(-132deg) rotateY(342deg) translateX(200px) rotateZ(132deg); } 80% { transform: rotateZ(-132deg) rotateY(342deg) translateX(200px) rotateZ(132deg); opacity: 1; } 100% { transform: rotateZ(-132deg) rotateY(342deg) translateX(600px) rotateZ(132deg); } } .c:nth-child(91) { animation: orbit91 14s infinite; animation-delay: 0.91s; background-color: #00ffd1; } @keyframes orbit91 { 20% { opacity: 1; } 30% { transform: rotateZ(-47deg) rotateY(95deg) translateX(200px) rotateZ(47deg); } 80% { transform: rotateZ(-47deg) rotateY(95deg) translateX(200px) rotateZ(47deg); opacity: 1; } 100% { transform: rotateZ(-47deg) rotateY(95deg) translateX(600px) rotateZ(47deg); } } .c:nth-child(92) { animation: orbit92 14s infinite; animation-delay: 0.92s; background-color: #00ffd1; } @keyframes orbit92 { 20% { opacity: 1; } 30% { transform: rotateZ(-243deg) rotateY(322deg) translateX(200px) rotateZ(243deg); } 80% { transform: rotateZ(-243deg) rotateY(322deg) translateX(200px) rotateZ(243deg); opacity: 1; } 100% { transform: rotateZ(-243deg) rotateY(322deg) translateX(600px) rotateZ(243deg); } } .c:nth-child(93) { animation: orbit93 14s infinite; animation-delay: 0.93s; background-color: #00ffd2; } @keyframes orbit93 { 20% { opacity: 1; } 30% { transform: rotateZ(-318deg) rotateY(243deg) translateX(200px) rotateZ(318deg); } 80% { transform: rotateZ(-318deg) rotateY(243deg) translateX(200px) rotateZ(318deg); opacity: 1; } 100% { transform: rotateZ(-318deg) rotateY(243deg) translateX(600px) rotateZ(318deg); } } .c:nth-child(94) { animation: orbit94 14s infinite; animation-delay: 0.94s; background-color: #00ffd2; } @keyframes orbit94 { 20% { opacity: 1; } 30% { transform: rotateZ(-113deg) rotateY(2deg) translateX(200px) rotateZ(113deg); } 80% { transform: rotateZ(-113deg) rotateY(2deg) translateX(200px) rotateZ(113deg); opacity: 1; } 100% { transform: rotateZ(-113deg) rotateY(2deg) translateX(600px) rotateZ(113deg); } } .c:nth-child(95) { animation: orbit95 14s infinite; animation-delay: 0.95s; background-color: #00ffd2; } @keyframes orbit95 { 20% { opacity: 1; } 30% { transform: rotateZ(-301deg) rotateY(97deg) translateX(200px) rotateZ(301deg); } 80% { transform: rotateZ(-301deg) rotateY(97deg) translateX(200px) rotateZ(301deg); opacity: 1; } 100% { transform: rotateZ(-301deg) rotateY(97deg) translateX(600px) rotateZ(301deg); } } .c:nth-child(96) { animation: orbit96 14s infinite; animation-delay: 0.96s; background-color: #00ffd3; } @keyframes orbit96 { 20% { opacity: 1; } 30% { transform: rotateZ(-180deg) rotateY(317deg) translateX(200px) rotateZ(180deg); } 80% { transform: rotateZ(-180deg) rotateY(317deg) translateX(200px) rotateZ(180deg); opacity: 1; } 100% { transform: rotateZ(-180deg) rotateY(317deg) translateX(600px) rotateZ(180deg); } } .c:nth-child(97) { animation: orbit97 14s infinite; animation-delay: 0.97s; background-color: #00ffd3; } @keyframes orbit97 { 20% { opacity: 1; } 30% { transform: rotateZ(-218deg) rotateY(161deg) translateX(200px) rotateZ(218deg); } 80% { transform: rotateZ(-218deg) rotateY(161deg) translateX(200px) rotateZ(218deg); opacity: 1; } 100% { transform: rotateZ(-218deg) rotateY(161deg) translateX(600px) rotateZ(218deg); } } .c:nth-child(98) { animation: orbit98 14s infinite; animation-delay: 0.98s; background-color: #00ffd4; } @keyframes orbit98 { 20% { opacity: 1; } 30% { transform: rotateZ(-221deg) rotateY(265deg) translateX(200px) rotateZ(221deg); } 80% { transform: rotateZ(-221deg) rotateY(265deg) translateX(200px) rotateZ(221deg); opacity: 1; } 100% { transform: rotateZ(-221deg) rotateY(265deg) translateX(600px) rotateZ(221deg); } } .c:nth-child(99) { animation: orbit99 14s infinite; animation-delay: 0.99s; background-color: #00ffd4; } @keyframes orbit99 { 20% { opacity: 1; } 30% { transform: rotateZ(-202deg) rotateY(270deg) translateX(200px) rotateZ(202deg); } 80% { transform: rotateZ(-202deg) rotateY(270deg) translateX(200px) rotateZ(202deg); opacity: 1; } 100% { transform: rotateZ(-202deg) rotateY(270deg) translateX(600px) rotateZ(202deg); } } .c:nth-child(100) { animation: orbit100 14s infinite; animation-delay: 1s; background-color: #00ffd5; } @keyframes orbit100 { 20% { opacity: 1; } 30% { transform: rotateZ(-334deg) rotateY(26deg) translateX(200px) rotateZ(334deg); } 80% { transform: rotateZ(-334deg) rotateY(26deg) translateX(200px) rotateZ(334deg); opacity: 1; } 100% { transform: rotateZ(-334deg) rotateY(26deg) translateX(600px) rotateZ(334deg); } } .c:nth-child(101) { animation: orbit101 14s infinite; animation-delay: 1.01s; background-color: #00ffd5; } @keyframes orbit101 { 20% { opacity: 1; } 30% { transform: rotateZ(-193deg) rotateY(274deg) translateX(200px) rotateZ(193deg); } 80% { transform: rotateZ(-193deg) rotateY(274deg) translateX(200px) rotateZ(193deg); opacity: 1; } 100% { transform: rotateZ(-193deg) rotateY(274deg) translateX(600px) rotateZ(193deg); } } .c:nth-child(102) { animation: orbit102 14s infinite; animation-delay: 1.02s; background-color: #00ffd5; } @keyframes orbit102 { 20% { opacity: 1; } 30% { transform: rotateZ(-321deg) rotateY(266deg) translateX(200px) rotateZ(321deg); } 80% { transform: rotateZ(-321deg) rotateY(266deg) translateX(200px) rotateZ(321deg); opacity: 1; } 100% { transform: rotateZ(-321deg) rotateY(266deg) translateX(600px) rotateZ(321deg); } } .c:nth-child(103) { animation: orbit103 14s infinite; animation-delay: 1.03s; background-color: #00ffd6; } @keyframes orbit103 { 20% { opacity: 1; } 30% { transform: rotateZ(-161deg) rotateY(148deg) translateX(200px) rotateZ(161deg); } 80% { transform: rotateZ(-161deg) rotateY(148deg) translateX(200px) rotateZ(161deg); opacity: 1; } 100% { transform: rotateZ(-161deg) rotateY(148deg) translateX(600px) rotateZ(161deg); } } .c:nth-child(104) { animation: orbit104 14s infinite; animation-delay: 1.04s; background-color: #00ffd6; } @keyframes orbit104 { 20% { opacity: 1; } 30% { transform: rotateZ(-22deg) rotateY(111deg) translateX(200px) rotateZ(22deg); } 80% { transform: rotateZ(-22deg) rotateY(111deg) translateX(200px) rotateZ(22deg); opacity: 1; } 100% { transform: rotateZ(-22deg) rotateY(111deg) translateX(600px) rotateZ(22deg); } } .c:nth-child(105) { animation: orbit105 14s infinite; animation-delay: 1.05s; background-color: #00ffd7; } @keyframes orbit105 { 20% { opacity: 1; } 30% { transform: rotateZ(-45deg) rotateY(36deg) translateX(200px) rotateZ(45deg); } 80% { transform: rotateZ(-45deg) rotateY(36deg) translateX(200px) rotateZ(45deg); opacity: 1; } 100% { transform: rotateZ(-45deg) rotateY(36deg) translateX(600px) rotateZ(45deg); } } .c:nth-child(106) { animation: orbit106 14s infinite; animation-delay: 1.06s; background-color: #00ffd7; } @keyframes orbit106 { 20% { opacity: 1; } 30% { transform: rotateZ(-104deg) rotateY(43deg) translateX(200px) rotateZ(104deg); } 80% { transform: rotateZ(-104deg) rotateY(43deg) translateX(200px) rotateZ(104deg); opacity: 1; } 100% { transform: rotateZ(-104deg) rotateY(43deg) translateX(600px) rotateZ(104deg); } } .c:nth-child(107) { animation: orbit107 14s infinite; animation-delay: 1.07s; background-color: #00ffd7; } @keyframes orbit107 { 20% { opacity: 1; } 30% { transform: rotateZ(-235deg) rotateY(196deg) translateX(200px) rotateZ(235deg); } 80% { transform: rotateZ(-235deg) rotateY(196deg) translateX(200px) rotateZ(235deg); opacity: 1; } 100% { transform: rotateZ(-235deg) rotateY(196deg) translateX(600px) rotateZ(235deg); } } .c:nth-child(108) { animation: orbit108 14s infinite; animation-delay: 1.08s; background-color: #00ffd8; } @keyframes orbit108 { 20% { opacity: 1; } 30% { transform: rotateZ(-315deg) rotateY(147deg) translateX(200px) rotateZ(315deg); } 80% { transform: rotateZ(-315deg) rotateY(147deg) translateX(200px) rotateZ(315deg); opacity: 1; } 100% { transform: rotateZ(-315deg) rotateY(147deg) translateX(600px) rotateZ(315deg); } } .c:nth-child(109) { animation: orbit109 14s infinite; animation-delay: 1.09s; background-color: #00ffd8; } @keyframes orbit109 { 20% { opacity: 1; } 30% { transform: rotateZ(-293deg) rotateY(357deg) translateX(200px) rotateZ(293deg); } 80% { transform: rotateZ(-293deg) rotateY(357deg) translateX(200px) rotateZ(293deg); opacity: 1; } 100% { transform: rotateZ(-293deg) rotateY(357deg) translateX(600px) rotateZ(293deg); } } .c:nth-child(110) { animation: orbit110 14s infinite; animation-delay: 1.1s; background-color: #00ffd9; } @keyframes orbit110 { 20% { opacity: 1; } 30% { transform: rotateZ(-94deg) rotateY(220deg) translateX(200px) rotateZ(94deg); } 80% { transform: rotateZ(-94deg) rotateY(220deg) translateX(200px) rotateZ(94deg); opacity: 1; } 100% { transform: rotateZ(-94deg) rotateY(220deg) translateX(600px) rotateZ(94deg); } } .c:nth-child(111) { animation: orbit111 14s infinite; animation-delay: 1.11s; background-color: #00ffd9; } @keyframes orbit111 { 20% { opacity: 1; } 30% { transform: rotateZ(-74deg) rotateY(168deg) translateX(200px) rotateZ(74deg); } 80% { transform: rotateZ(-74deg) rotateY(168deg) translateX(200px) rotateZ(74deg); opacity: 1; } 100% { transform: rotateZ(-74deg) rotateY(168deg) translateX(600px) rotateZ(74deg); } } .c:nth-child(112) { animation: orbit112 14s infinite; animation-delay: 1.12s; background-color: #00ffda; } @keyframes orbit112 { 20% { opacity: 1; } 30% { transform: rotateZ(-328deg) rotateY(149deg) translateX(200px) rotateZ(328deg); } 80% { transform: rotateZ(-328deg) rotateY(149deg) translateX(200px) rotateZ(328deg); opacity: 1; } 100% { transform: rotateZ(-328deg) rotateY(149deg) translateX(600px) rotateZ(328deg); } } .c:nth-child(113) { animation: orbit113 14s infinite; animation-delay: 1.13s; background-color: #00ffda; } @keyframes orbit113 { 20% { opacity: 1; } 30% { transform: rotateZ(-50deg) rotateY(260deg) translateX(200px) rotateZ(50deg); } 80% { transform: rotateZ(-50deg) rotateY(260deg) translateX(200px) rotateZ(50deg); opacity: 1; } 100% { transform: rotateZ(-50deg) rotateY(260deg) translateX(600px) rotateZ(50deg); } } .c:nth-child(114) { animation: orbit114 14s infinite; animation-delay: 1.14s; background-color: #00ffda; } @keyframes orbit114 { 20% { opacity: 1; } 30% { transform: rotateZ(-129deg) rotateY(356deg) translateX(200px) rotateZ(129deg); } 80% { transform: rotateZ(-129deg) rotateY(356deg) translateX(200px) rotateZ(129deg); opacity: 1; } 100% { transform: rotateZ(-129deg) rotateY(356deg) translateX(600px) rotateZ(129deg); } } .c:nth-child(115) { animation: orbit115 14s infinite; animation-delay: 1.15s; background-color: #00ffdb; } @keyframes orbit115 { 20% { opacity: 1; } 30% { transform: rotateZ(-77deg) rotateY(314deg) translateX(200px) rotateZ(77deg); } 80% { transform: rotateZ(-77deg) rotateY(314deg) translateX(200px) rotateZ(77deg); opacity: 1; } 100% { transform: rotateZ(-77deg) rotateY(314deg) translateX(600px) rotateZ(77deg); } } .c:nth-child(116) { animation: orbit116 14s infinite; animation-delay: 1.16s; background-color: #00ffdb; } @keyframes orbit116 { 20% { opacity: 1; } 30% { transform: rotateZ(-127deg) rotateY(344deg) translateX(200px) rotateZ(127deg); } 80% { transform: rotateZ(-127deg) rotateY(344deg) translateX(200px) rotateZ(127deg); opacity: 1; } 100% { transform: rotateZ(-127deg) rotateY(344deg) translateX(600px) rotateZ(127deg); } } .c:nth-child(117) { animation: orbit117 14s infinite; animation-delay: 1.17s; background-color: #00ffdc; } @keyframes orbit117 { 20% { opacity: 1; } 30% { transform: rotateZ(-49deg) rotateY(299deg) translateX(200px) rotateZ(49deg); } 80% { transform: rotateZ(-49deg) rotateY(299deg) translateX(200px) rotateZ(49deg); opacity: 1; } 100% { transform: rotateZ(-49deg) rotateY(299deg) translateX(600px) rotateZ(49deg); } } .c:nth-child(118) { animation: orbit118 14s infinite; animation-delay: 1.18s; background-color: #00ffdc; } @keyframes orbit118 { 20% { opacity: 1; } 30% { transform: rotateZ(-311deg) rotateY(281deg) translateX(200px) rotateZ(311deg); } 80% { transform: rotateZ(-311deg) rotateY(281deg) translateX(200px) rotateZ(311deg); opacity: 1; } 100% { transform: rotateZ(-311deg) rotateY(281deg) translateX(600px) rotateZ(311deg); } } .c:nth-child(119) { animation: orbit119 14s infinite; animation-delay: 1.19s; background-color: #00ffdd; } @keyframes orbit119 { 20% { opacity: 1; } 30% { transform: rotateZ(-328deg) rotateY(188deg) translateX(200px) rotateZ(328deg); } 80% { transform: rotateZ(-328deg) rotateY(188deg) translateX(200px) rotateZ(328deg); opacity: 1; } 100% { transform: rotateZ(-328deg) rotateY(188deg) translateX(600px) rotateZ(328deg); } } .c:nth-child(120) { animation: orbit120 14s infinite; animation-delay: 1.2s; background-color: #00ffdd; } @keyframes orbit120 { 20% { opacity: 1; } 30% { transform: rotateZ(-121deg) rotateY(170deg) translateX(200px) rotateZ(121deg); } 80% { transform: rotateZ(-121deg) rotateY(170deg) translateX(200px) rotateZ(121deg); opacity: 1; } 100% { transform: rotateZ(-121deg) rotateY(170deg) translateX(600px) rotateZ(121deg); } } .c:nth-child(121) { animation: orbit121 14s infinite; animation-delay: 1.21s; background-color: #00ffdd; } @keyframes orbit121 { 20% { opacity: 1; } 30% { transform: rotateZ(-301deg) rotateY(359deg) translateX(200px) rotateZ(301deg); } 80% { transform: rotateZ(-301deg) rotateY(359deg) translateX(200px) rotateZ(301deg); opacity: 1; } 100% { transform: rotateZ(-301deg) rotateY(359deg) translateX(600px) rotateZ(301deg); } } .c:nth-child(122) { animation: orbit122 14s infinite; animation-delay: 1.22s; background-color: #00ffde; } @keyframes orbit122 { 20% { opacity: 1; } 30% { transform: rotateZ(-119deg) rotateY(6deg) translateX(200px) rotateZ(119deg); } 80% { transform: rotateZ(-119deg) rotateY(6deg) translateX(200px) rotateZ(119deg); opacity: 1; } 100% { transform: rotateZ(-119deg) rotateY(6deg) translateX(600px) rotateZ(119deg); } } .c:nth-child(123) { animation: orbit123 14s infinite; animation-delay: 1.23s; background-color: #00ffde; } @keyframes orbit123 { 20% { opacity: 1; } 30% { transform: rotateZ(-314deg) rotateY(329deg) translateX(200px) rotateZ(314deg); } 80% { transform: rotateZ(-314deg) rotateY(329deg) translateX(200px) rotateZ(314deg); opacity: 1; } 100% { transform: rotateZ(-314deg) rotateY(329deg) translateX(600px) rotateZ(314deg); } } .c:nth-child(124) { animation: orbit124 14s infinite; animation-delay: 1.24s; background-color: #00ffdf; } @keyframes orbit124 { 20% { opacity: 1; } 30% { transform: rotateZ(-265deg) rotateY(227deg) translateX(200px) rotateZ(265deg); } 80% { transform: rotateZ(-265deg) rotateY(227deg) translateX(200px) rotateZ(265deg); opacity: 1; } 100% { transform: rotateZ(-265deg) rotateY(227deg) translateX(600px) rotateZ(265deg); } } .c:nth-child(125) { animation: orbit125 14s infinite; animation-delay: 1.25s; background-color: #00ffdf; } @keyframes orbit125 { 20% { opacity: 1; } 30% { transform: rotateZ(-308deg) rotateY(47deg) translateX(200px) rotateZ(308deg); } 80% { transform: rotateZ(-308deg) rotateY(47deg) translateX(200px) rotateZ(308deg); opacity: 1; } 100% { transform: rotateZ(-308deg) rotateY(47deg) translateX(600px) rotateZ(308deg); } } .c:nth-child(126) { animation: orbit126 14s infinite; animation-delay: 1.26s; background-color: #00ffe0; } @keyframes orbit126 { 20% { opacity: 1; } 30% { transform: rotateZ(-85deg) rotateY(286deg) translateX(200px) rotateZ(85deg); } 80% { transform: rotateZ(-85deg) rotateY(286deg) translateX(200px) rotateZ(85deg); opacity: 1; } 100% { transform: rotateZ(-85deg) rotateY(286deg) translateX(600px) rotateZ(85deg); } } .c:nth-child(127) { animation: orbit127 14s infinite; animation-delay: 1.27s; background-color: #00ffe0; } @keyframes orbit127 { 20% { opacity: 1; } 30% { transform: rotateZ(-127deg) rotateY(17deg) translateX(200px) rotateZ(127deg); } 80% { transform: rotateZ(-127deg) rotateY(17deg) translateX(200px) rotateZ(127deg); opacity: 1; } 100% { transform: rotateZ(-127deg) rotateY(17deg) translateX(600px) rotateZ(127deg); } } .c:nth-child(128) { animation: orbit128 14s infinite; animation-delay: 1.28s; background-color: #00ffe0; } @keyframes orbit128 { 20% { opacity: 1; } 30% { transform: rotateZ(-74deg) rotateY(97deg) translateX(200px) rotateZ(74deg); } 80% { transform: rotateZ(-74deg) rotateY(97deg) translateX(200px) rotateZ(74deg); opacity: 1; } 100% { transform: rotateZ(-74deg) rotateY(97deg) translateX(600px) rotateZ(74deg); } } .c:nth-child(129) { animation: orbit129 14s infinite; animation-delay: 1.29s; background-color: #00ffe1; } @keyframes orbit129 { 20% { opacity: 1; } 30% { transform: rotateZ(-223deg) rotateY(124deg) translateX(200px) rotateZ(223deg); } 80% { transform: rotateZ(-223deg) rotateY(124deg) translateX(200px) rotateZ(223deg); opacity: 1; } 100% { transform: rotateZ(-223deg) rotateY(124deg) translateX(600px) rotateZ(223deg); } } .c:nth-child(130) { animation: orbit130 14s infinite; animation-delay: 1.3s; background-color: #00ffe1; } @keyframes orbit130 { 20% { opacity: 1; } 30% { transform: rotateZ(-49deg) rotateY(327deg) translateX(200px) rotateZ(49deg); } 80% { transform: rotateZ(-49deg) rotateY(327deg) translateX(200px) rotateZ(49deg); opacity: 1; } 100% { transform: rotateZ(-49deg) rotateY(327deg) translateX(600px) rotateZ(49deg); } } .c:nth-child(131) { animation: orbit131 14s infinite; animation-delay: 1.31s; background-color: #00ffe2; } @keyframes orbit131 { 20% { opacity: 1; } 30% { transform: rotateZ(-171deg) rotateY(347deg) translateX(200px) rotateZ(171deg); } 80% { transform: rotateZ(-171deg) rotateY(347deg) translateX(200px) rotateZ(171deg); opacity: 1; } 100% { transform: rotateZ(-171deg) rotateY(347deg) translateX(600px) rotateZ(171deg); } } .c:nth-child(132) { animation: orbit132 14s infinite; animation-delay: 1.32s; background-color: #00ffe2; } @keyframes orbit132 { 20% { opacity: 1; } 30% { transform: rotateZ(-273deg) rotateY(300deg) translateX(200px) rotateZ(273deg); } 80% { transform: rotateZ(-273deg) rotateY(300deg) translateX(200px) rotateZ(273deg); opacity: 1; } 100% { transform: rotateZ(-273deg) rotateY(300deg) translateX(600px) rotateZ(273deg); } } .c:nth-child(133) { animation: orbit133 14s infinite; animation-delay: 1.33s; background-color: #00ffe3; } @keyframes orbit133 { 20% { opacity: 1; } 30% { transform: rotateZ(-53deg) rotateY(20deg) translateX(200px) rotateZ(53deg); } 80% { transform: rotateZ(-53deg) rotateY(20deg) translateX(200px) rotateZ(53deg); opacity: 1; } 100% { transform: rotateZ(-53deg) rotateY(20deg) translateX(600px) rotateZ(53deg); } } .c:nth-child(134) { animation: orbit134 14s infinite; animation-delay: 1.34s; background-color: #00ffe3; } @keyframes orbit134 { 20% { opacity: 1; } 30% { transform: rotateZ(-348deg) rotateY(21deg) translateX(200px) rotateZ(348deg); } 80% { transform: rotateZ(-348deg) rotateY(21deg) translateX(200px) rotateZ(348deg); opacity: 1; } 100% { transform: rotateZ(-348deg) rotateY(21deg) translateX(600px) rotateZ(348deg); } } .c:nth-child(135) { animation: orbit135 14s infinite; animation-delay: 1.35s; background-color: #00ffe3; } @keyframes orbit135 { 20% { opacity: 1; } 30% { transform: rotateZ(-257deg) rotateY(99deg) translateX(200px) rotateZ(257deg); } 80% { transform: rotateZ(-257deg) rotateY(99deg) translateX(200px) rotateZ(257deg); opacity: 1; } 100% { transform: rotateZ(-257deg) rotateY(99deg) translateX(600px) rotateZ(257deg); } } .c:nth-child(136) { animation: orbit136 14s infinite; animation-delay: 1.36s; background-color: #00ffe4; } @keyframes orbit136 { 20% { opacity: 1; } 30% { transform: rotateZ(-177deg) rotateY(193deg) translateX(200px) rotateZ(177deg); } 80% { transform: rotateZ(-177deg) rotateY(193deg) translateX(200px) rotateZ(177deg); opacity: 1; } 100% { transform: rotateZ(-177deg) rotateY(193deg) translateX(600px) rotateZ(177deg); } } .c:nth-child(137) { animation: orbit137 14s infinite; animation-delay: 1.37s; background-color: #00ffe4; } @keyframes orbit137 { 20% { opacity: 1; } 30% { transform: rotateZ(-71deg) rotateY(286deg) translateX(200px) rotateZ(71deg); } 80% { transform: rotateZ(-71deg) rotateY(286deg) translateX(200px) rotateZ(71deg); opacity: 1; } 100% { transform: rotateZ(-71deg) rotateY(286deg) translateX(600px) rotateZ(71deg); } } .c:nth-child(138) { animation: orbit138 14s infinite; animation-delay: 1.38s; background-color: #00ffe5; } @keyframes orbit138 { 20% { opacity: 1; } 30% { transform: rotateZ(-173deg) rotateY(261deg) translateX(200px) rotateZ(173deg); } 80% { transform: rotateZ(-173deg) rotateY(261deg) translateX(200px) rotateZ(173deg); opacity: 1; } 100% { transform: rotateZ(-173deg) rotateY(261deg) translateX(600px) rotateZ(173deg); } } .c:nth-child(139) { animation: orbit139 14s infinite; animation-delay: 1.39s; background-color: #00ffe5; } @keyframes orbit139 { 20% { opacity: 1; } 30% { transform: rotateZ(-23deg) rotateY(313deg) translateX(200px) rotateZ(23deg); } 80% { transform: rotateZ(-23deg) rotateY(313deg) translateX(200px) rotateZ(23deg); opacity: 1; } 100% { transform: rotateZ(-23deg) rotateY(313deg) translateX(600px) rotateZ(23deg); } } .c:nth-child(140) { animation: orbit140 14s infinite; animation-delay: 1.4s; background-color: #00ffe6; } @keyframes orbit140 { 20% { opacity: 1; } 30% { transform: rotateZ(-147deg) rotateY(257deg) translateX(200px) rotateZ(147deg); } 80% { transform: rotateZ(-147deg) rotateY(257deg) translateX(200px) rotateZ(147deg); opacity: 1; } 100% { transform: rotateZ(-147deg) rotateY(257deg) translateX(600px) rotateZ(147deg); } } .c:nth-child(141) { animation: orbit141 14s infinite; animation-delay: 1.41s; background-color: #00ffe6; } @keyframes orbit141 { 20% { opacity: 1; } 30% { transform: rotateZ(-315deg) rotateY(105deg) translateX(200px) rotateZ(315deg); } 80% { transform: rotateZ(-315deg) rotateY(105deg) translateX(200px) rotateZ(315deg); opacity: 1; } 100% { transform: rotateZ(-315deg) rotateY(105deg) translateX(600px) rotateZ(315deg); } } .c:nth-child(142) { animation: orbit142 14s infinite; animation-delay: 1.42s; background-color: #00ffe6; } @keyframes orbit142 { 20% { opacity: 1; } 30% { transform: rotateZ(-193deg) rotateY(232deg) translateX(200px) rotateZ(193deg); } 80% { transform: rotateZ(-193deg) rotateY(232deg) translateX(200px) rotateZ(193deg); opacity: 1; } 100% { transform: rotateZ(-193deg) rotateY(232deg) translateX(600px) rotateZ(193deg); } } .c:nth-child(143) { animation: orbit143 14s infinite; animation-delay: 1.43s; background-color: #00ffe7; } @keyframes orbit143 { 20% { opacity: 1; } 30% { transform: rotateZ(-359deg) rotateY(85deg) translateX(200px) rotateZ(359deg); } 80% { transform: rotateZ(-359deg) rotateY(85deg) translateX(200px) rotateZ(359deg); opacity: 1; } 100% { transform: rotateZ(-359deg) rotateY(85deg) translateX(600px) rotateZ(359deg); } } .c:nth-child(144) { animation: orbit144 14s infinite; animation-delay: 1.44s; background-color: #00ffe7; } @keyframes orbit144 { 20% { opacity: 1; } 30% { transform: rotateZ(-152deg) rotateY(342deg) translateX(200px) rotateZ(152deg); } 80% { transform: rotateZ(-152deg) rotateY(342deg) translateX(200px) rotateZ(152deg); opacity: 1; } 100% { transform: rotateZ(-152deg) rotateY(342deg) translateX(600px) rotateZ(152deg); } } .c:nth-child(145) { animation: orbit145 14s infinite; animation-delay: 1.45s; background-color: #00ffe8; } @keyframes orbit145 { 20% { opacity: 1; } 30% { transform: rotateZ(-277deg) rotateY(352deg) translateX(200px) rotateZ(277deg); } 80% { transform: rotateZ(-277deg) rotateY(352deg) translateX(200px) rotateZ(277deg); opacity: 1; } 100% { transform: rotateZ(-277deg) rotateY(352deg) translateX(600px) rotateZ(277deg); } } .c:nth-child(146) { animation: orbit146 14s infinite; animation-delay: 1.46s; background-color: #00ffe8; } @keyframes orbit146 { 20% { opacity: 1; } 30% { transform: rotateZ(-28deg) rotateY(326deg) translateX(200px) rotateZ(28deg); } 80% { transform: rotateZ(-28deg) rotateY(326deg) translateX(200px) rotateZ(28deg); opacity: 1; } 100% { transform: rotateZ(-28deg) rotateY(326deg) translateX(600px) rotateZ(28deg); } } .c:nth-child(147) { animation: orbit147 14s infinite; animation-delay: 1.47s; background-color: #00ffe8; } @keyframes orbit147 { 20% { opacity: 1; } 30% { transform: rotateZ(-240deg) rotateY(63deg) translateX(200px) rotateZ(240deg); } 80% { transform: rotateZ(-240deg) rotateY(63deg) translateX(200px) rotateZ(240deg); opacity: 1; } 100% { transform: rotateZ(-240deg) rotateY(63deg) translateX(600px) rotateZ(240deg); } } .c:nth-child(148) { animation: orbit148 14s infinite; animation-delay: 1.48s; background-color: #00ffe9; } @keyframes orbit148 { 20% { opacity: 1; } 30% { transform: rotateZ(-184deg) rotateY(296deg) translateX(200px) rotateZ(184deg); } 80% { transform: rotateZ(-184deg) rotateY(296deg) translateX(200px) rotateZ(184deg); opacity: 1; } 100% { transform: rotateZ(-184deg) rotateY(296deg) translateX(600px) rotateZ(184deg); } } .c:nth-child(149) { animation: orbit149 14s infinite; animation-delay: 1.49s; background-color: #00ffe9; } @keyframes orbit149 { 20% { opacity: 1; } 30% { transform: rotateZ(-162deg) rotateY(323deg) translateX(200px) rotateZ(162deg); } 80% { transform: rotateZ(-162deg) rotateY(323deg) translateX(200px) rotateZ(162deg); opacity: 1; } 100% { transform: rotateZ(-162deg) rotateY(323deg) translateX(600px) rotateZ(162deg); } } .c:nth-child(150) { animation: orbit150 14s infinite; animation-delay: 1.5s; background-color: #00ffea; } @keyframes orbit150 { 20% { opacity: 1; } 30% { transform: rotateZ(-198deg) rotateY(145deg) translateX(200px) rotateZ(198deg); } 80% { transform: rotateZ(-198deg) rotateY(145deg) translateX(200px) rotateZ(198deg); opacity: 1; } 100% { transform: rotateZ(-198deg) rotateY(145deg) translateX(600px) rotateZ(198deg); } } .c:nth-child(151) { animation: orbit151 14s infinite; animation-delay: 1.51s; background-color: #00ffea; } @keyframes orbit151 { 20% { opacity: 1; } 30% { transform: rotateZ(-335deg) rotateY(351deg) translateX(200px) rotateZ(335deg); } 80% { transform: rotateZ(-335deg) rotateY(351deg) translateX(200px) rotateZ(335deg); opacity: 1; } 100% { transform: rotateZ(-335deg) rotateY(351deg) translateX(600px) rotateZ(335deg); } } .c:nth-child(152) { animation: orbit152 14s infinite; animation-delay: 1.52s; background-color: #00ffeb; } @keyframes orbit152 { 20% { opacity: 1; } 30% { transform: rotateZ(-237deg) rotateY(208deg) translateX(200px) rotateZ(237deg); } 80% { transform: rotateZ(-237deg) rotateY(208deg) translateX(200px) rotateZ(237deg); opacity: 1; } 100% { transform: rotateZ(-237deg) rotateY(208deg) translateX(600px) rotateZ(237deg); } } .c:nth-child(153) { animation: orbit153 14s infinite; animation-delay: 1.53s; background-color: #00ffeb; } @keyframes orbit153 { 20% { opacity: 1; } 30% { transform: rotateZ(-130deg) rotateY(131deg) translateX(200px) rotateZ(130deg); } 80% { transform: rotateZ(-130deg) rotateY(131deg) translateX(200px) rotateZ(130deg); opacity: 1; } 100% { transform: rotateZ(-130deg) rotateY(131deg) translateX(600px) rotateZ(130deg); } } .c:nth-child(154) { animation: orbit154 14s infinite; animation-delay: 1.54s; background-color: #00ffeb; } @keyframes orbit154 { 20% { opacity: 1; } 30% { transform: rotateZ(-160deg) rotateY(238deg) translateX(200px) rotateZ(160deg); } 80% { transform: rotateZ(-160deg) rotateY(238deg) translateX(200px) rotateZ(160deg); opacity: 1; } 100% { transform: rotateZ(-160deg) rotateY(238deg) translateX(600px) rotateZ(160deg); } } .c:nth-child(155) { animation: orbit155 14s infinite; animation-delay: 1.55s; background-color: #00ffec; } @keyframes orbit155 { 20% { opacity: 1; } 30% { transform: rotateZ(-196deg) rotateY(127deg) translateX(200px) rotateZ(196deg); } 80% { transform: rotateZ(-196deg) rotateY(127deg) translateX(200px) rotateZ(196deg); opacity: 1; } 100% { transform: rotateZ(-196deg) rotateY(127deg) translateX(600px) rotateZ(196deg); } } .c:nth-child(156) { animation: orbit156 14s infinite; animation-delay: 1.56s; background-color: #00ffec; } @keyframes orbit156 { 20% { opacity: 1; } 30% { transform: rotateZ(-286deg) rotateY(48deg) translateX(200px) rotateZ(286deg); } 80% { transform: rotateZ(-286deg) rotateY(48deg) translateX(200px) rotateZ(286deg); opacity: 1; } 100% { transform: rotateZ(-286deg) rotateY(48deg) translateX(600px) rotateZ(286deg); } } .c:nth-child(157) { animation: orbit157 14s infinite; animation-delay: 1.57s; background-color: #00ffed; } @keyframes orbit157 { 20% { opacity: 1; } 30% { transform: rotateZ(-86deg) rotateY(187deg) translateX(200px) rotateZ(86deg); } 80% { transform: rotateZ(-86deg) rotateY(187deg) translateX(200px) rotateZ(86deg); opacity: 1; } 100% { transform: rotateZ(-86deg) rotateY(187deg) translateX(600px) rotateZ(86deg); } } .c:nth-child(158) { animation: orbit158 14s infinite; animation-delay: 1.58s; background-color: #00ffed; } @keyframes orbit158 { 20% { opacity: 1; } 30% { transform: rotateZ(-271deg) rotateY(172deg) translateX(200px) rotateZ(271deg); } 80% { transform: rotateZ(-271deg) rotateY(172deg) translateX(200px) rotateZ(271deg); opacity: 1; } 100% { transform: rotateZ(-271deg) rotateY(172deg) translateX(600px) rotateZ(271deg); } } .c:nth-child(159) { animation: orbit159 14s infinite; animation-delay: 1.59s; background-color: #00ffee; } @keyframes orbit159 { 20% { opacity: 1; } 30% { transform: rotateZ(-255deg) rotateY(91deg) translateX(200px) rotateZ(255deg); } 80% { transform: rotateZ(-255deg) rotateY(91deg) translateX(200px) rotateZ(255deg); opacity: 1; } 100% { transform: rotateZ(-255deg) rotateY(91deg) translateX(600px) rotateZ(255deg); } } .c:nth-child(160) { animation: orbit160 14s infinite; animation-delay: 1.6s; background-color: #00ffee; } @keyframes orbit160 { 20% { opacity: 1; } 30% { transform: rotateZ(-258deg) rotateY(320deg) translateX(200px) rotateZ(258deg); } 80% { transform: rotateZ(-258deg) rotateY(320deg) translateX(200px) rotateZ(258deg); opacity: 1; } 100% { transform: rotateZ(-258deg) rotateY(320deg) translateX(600px) rotateZ(258deg); } } .c:nth-child(161) { animation: orbit161 14s infinite; animation-delay: 1.61s; background-color: #00ffee; } @keyframes orbit161 { 20% { opacity: 1; } 30% { transform: rotateZ(-211deg) rotateY(303deg) translateX(200px) rotateZ(211deg); } 80% { transform: rotateZ(-211deg) rotateY(303deg) translateX(200px) rotateZ(211deg); opacity: 1; } 100% { transform: rotateZ(-211deg) rotateY(303deg) translateX(600px) rotateZ(211deg); } } .c:nth-child(162) { animation: orbit162 14s infinite; animation-delay: 1.62s; background-color: #00ffef; } @keyframes orbit162 { 20% { opacity: 1; } 30% { transform: rotateZ(-233deg) rotateY(140deg) translateX(200px) rotateZ(233deg); } 80% { transform: rotateZ(-233deg) rotateY(140deg) translateX(200px) rotateZ(233deg); opacity: 1; } 100% { transform: rotateZ(-233deg) rotateY(140deg) translateX(600px) rotateZ(233deg); } } .c:nth-child(163) { animation: orbit163 14s infinite; animation-delay: 1.63s; background-color: #00ffef; } @keyframes orbit163 { 20% { opacity: 1; } 30% { transform: rotateZ(-332deg) rotateY(278deg) translateX(200px) rotateZ(332deg); } 80% { transform: rotateZ(-332deg) rotateY(278deg) translateX(200px) rotateZ(332deg); opacity: 1; } 100% { transform: rotateZ(-332deg) rotateY(278deg) translateX(600px) rotateZ(332deg); } } .c:nth-child(164) { animation: orbit164 14s infinite; animation-delay: 1.64s; background-color: #00fff0; } @keyframes orbit164 { 20% { opacity: 1; } 30% { transform: rotateZ(-100deg) rotateY(197deg) translateX(200px) rotateZ(100deg); } 80% { transform: rotateZ(-100deg) rotateY(197deg) translateX(200px) rotateZ(100deg); opacity: 1; } 100% { transform: rotateZ(-100deg) rotateY(197deg) translateX(600px) rotateZ(100deg); } } .c:nth-child(165) { animation: orbit165 14s infinite; animation-delay: 1.65s; background-color: #00fff0; } @keyframes orbit165 { 20% { opacity: 1; } 30% { transform: rotateZ(-134deg) rotateY(257deg) translateX(200px) rotateZ(134deg); } 80% { transform: rotateZ(-134deg) rotateY(257deg) translateX(200px) rotateZ(134deg); opacity: 1; } 100% { transform: rotateZ(-134deg) rotateY(257deg) translateX(600px) rotateZ(134deg); } } .c:nth-child(166) { animation: orbit166 14s infinite; animation-delay: 1.66s; background-color: #00fff1; } @keyframes orbit166 { 20% { opacity: 1; } 30% { transform: rotateZ(-223deg) rotateY(238deg) translateX(200px) rotateZ(223deg); } 80% { transform: rotateZ(-223deg) rotateY(238deg) translateX(200px) rotateZ(223deg); opacity: 1; } 100% { transform: rotateZ(-223deg) rotateY(238deg) translateX(600px) rotateZ(223deg); } } .c:nth-child(167) { animation: orbit167 14s infinite; animation-delay: 1.67s; background-color: #00fff1; } @keyframes orbit167 { 20% { opacity: 1; } 30% { transform: rotateZ(-202deg) rotateY(202deg) translateX(200px) rotateZ(202deg); } 80% { transform: rotateZ(-202deg) rotateY(202deg) translateX(200px) rotateZ(202deg); opacity: 1; } 100% { transform: rotateZ(-202deg) rotateY(202deg) translateX(600px) rotateZ(202deg); } } .c:nth-child(168) { animation: orbit168 14s infinite; animation-delay: 1.68s; background-color: #00fff1; } @keyframes orbit168 { 20% { opacity: 1; } 30% { transform: rotateZ(-16deg) rotateY(104deg) translateX(200px) rotateZ(16deg); } 80% { transform: rotateZ(-16deg) rotateY(104deg) translateX(200px) rotateZ(16deg); opacity: 1; } 100% { transform: rotateZ(-16deg) rotateY(104deg) translateX(600px) rotateZ(16deg); } } .c:nth-child(169) { animation: orbit169 14s infinite; animation-delay: 1.69s; background-color: #00fff2; } @keyframes orbit169 { 20% { opacity: 1; } 30% { transform: rotateZ(-334deg) rotateY(65deg) translateX(200px) rotateZ(334deg); } 80% { transform: rotateZ(-334deg) rotateY(65deg) translateX(200px) rotateZ(334deg); opacity: 1; } 100% { transform: rotateZ(-334deg) rotateY(65deg) translateX(600px) rotateZ(334deg); } } .c:nth-child(170) { animation: orbit170 14s infinite; animation-delay: 1.7s; background-color: #00fff2; } @keyframes orbit170 { 20% { opacity: 1; } 30% { transform: rotateZ(-45deg) rotateY(124deg) translateX(200px) rotateZ(45deg); } 80% { transform: rotateZ(-45deg) rotateY(124deg) translateX(200px) rotateZ(45deg); opacity: 1; } 100% { transform: rotateZ(-45deg) rotateY(124deg) translateX(600px) rotateZ(45deg); } } .c:nth-child(171) { animation: orbit171 14s infinite; animation-delay: 1.71s; background-color: #00fff3; } @keyframes orbit171 { 20% { opacity: 1; } 30% { transform: rotateZ(-343deg) rotateY(189deg) translateX(200px) rotateZ(343deg); } 80% { transform: rotateZ(-343deg) rotateY(189deg) translateX(200px) rotateZ(343deg); opacity: 1; } 100% { transform: rotateZ(-343deg) rotateY(189deg) translateX(600px) rotateZ(343deg); } } .c:nth-child(172) { animation: orbit172 14s infinite; animation-delay: 1.72s; background-color: #00fff3; } @keyframes orbit172 { 20% { opacity: 1; } 30% { transform: rotateZ(-53deg) rotateY(102deg) translateX(200px) rotateZ(53deg); } 80% { transform: rotateZ(-53deg) rotateY(102deg) translateX(200px) rotateZ(53deg); opacity: 1; } 100% { transform: rotateZ(-53deg) rotateY(102deg) translateX(600px) rotateZ(53deg); } } .c:nth-child(173) { animation: orbit173 14s infinite; animation-delay: 1.73s; background-color: #00fff4; } @keyframes orbit173 { 20% { opacity: 1; } 30% { transform: rotateZ(-7deg) rotateY(99deg) translateX(200px) rotateZ(7deg); } 80% { transform: rotateZ(-7deg) rotateY(99deg) translateX(200px) rotateZ(7deg); opacity: 1; } 100% { transform: rotateZ(-7deg) rotateY(99deg) translateX(600px) rotateZ(7deg); } } .c:nth-child(174) { animation: orbit174 14s infinite; animation-delay: 1.74s; background-color: #00fff4; } @keyframes orbit174 { 20% { opacity: 1; } 30% { transform: rotateZ(-152deg) rotateY(197deg) translateX(200px) rotateZ(152deg); } 80% { transform: rotateZ(-152deg) rotateY(197deg) translateX(200px) rotateZ(152deg); opacity: 1; } 100% { transform: rotateZ(-152deg) rotateY(197deg) translateX(600px) rotateZ(152deg); } } .c:nth-child(175) { animation: orbit175 14s infinite; animation-delay: 1.75s; background-color: #00fff4; } @keyframes orbit175 { 20% { opacity: 1; } 30% { transform: rotateZ(-171deg) rotateY(285deg) translateX(200px) rotateZ(171deg); } 80% { transform: rotateZ(-171deg) rotateY(285deg) translateX(200px) rotateZ(171deg); opacity: 1; } 100% { transform: rotateZ(-171deg) rotateY(285deg) translateX(600px) rotateZ(171deg); } } .c:nth-child(176) { animation: orbit176 14s infinite; animation-delay: 1.76s; background-color: #00fff5; } @keyframes orbit176 { 20% { opacity: 1; } 30% { transform: rotateZ(-329deg) rotateY(137deg) translateX(200px) rotateZ(329deg); } 80% { transform: rotateZ(-329deg) rotateY(137deg) translateX(200px) rotateZ(329deg); opacity: 1; } 100% { transform: rotateZ(-329deg) rotateY(137deg) translateX(600px) rotateZ(329deg); } } .c:nth-child(177) { animation: orbit177 14s infinite; animation-delay: 1.77s; background-color: #00fff5; } @keyframes orbit177 { 20% { opacity: 1; } 30% { transform: rotateZ(-337deg) rotateY(21deg) translateX(200px) rotateZ(337deg); } 80% { transform: rotateZ(-337deg) rotateY(21deg) translateX(200px) rotateZ(337deg); opacity: 1; } 100% { transform: rotateZ(-337deg) rotateY(21deg) translateX(600px) rotateZ(337deg); } } .c:nth-child(178) { animation: orbit178 14s infinite; animation-delay: 1.78s; background-color: #00fff6; } @keyframes orbit178 { 20% { opacity: 1; } 30% { transform: rotateZ(-237deg) rotateY(342deg) translateX(200px) rotateZ(237deg); } 80% { transform: rotateZ(-237deg) rotateY(342deg) translateX(200px) rotateZ(237deg); opacity: 1; } 100% { transform: rotateZ(-237deg) rotateY(342deg) translateX(600px) rotateZ(237deg); } } .c:nth-child(179) { animation: orbit179 14s infinite; animation-delay: 1.79s; background-color: #00fff6; } @keyframes orbit179 { 20% { opacity: 1; } 30% { transform: rotateZ(-213deg) rotateY(136deg) translateX(200px) rotateZ(213deg); } 80% { transform: rotateZ(-213deg) rotateY(136deg) translateX(200px) rotateZ(213deg); opacity: 1; } 100% { transform: rotateZ(-213deg) rotateY(136deg) translateX(600px) rotateZ(213deg); } } .c:nth-child(180) { animation: orbit180 14s infinite; animation-delay: 1.8s; background-color: #00fff7; } @keyframes orbit180 { 20% { opacity: 1; } 30% { transform: rotateZ(-123deg) rotateY(195deg) translateX(200px) rotateZ(123deg); } 80% { transform: rotateZ(-123deg) rotateY(195deg) translateX(200px) rotateZ(123deg); opacity: 1; } 100% { transform: rotateZ(-123deg) rotateY(195deg) translateX(600px) rotateZ(123deg); } } .c:nth-child(181) { animation: orbit181 14s infinite; animation-delay: 1.81s; background-color: #00fff7; } @keyframes orbit181 { 20% { opacity: 1; } 30% { transform: rotateZ(-339deg) rotateY(276deg) translateX(200px) rotateZ(339deg); } 80% { transform: rotateZ(-339deg) rotateY(276deg) translateX(200px) rotateZ(339deg); opacity: 1; } 100% { transform: rotateZ(-339deg) rotateY(276deg) translateX(600px) rotateZ(339deg); } } .c:nth-child(182) { animation: orbit182 14s infinite; animation-delay: 1.82s; background-color: #00fff7; } @keyframes orbit182 { 20% { opacity: 1; } 30% { transform: rotateZ(-158deg) rotateY(139deg) translateX(200px) rotateZ(158deg); } 80% { transform: rotateZ(-158deg) rotateY(139deg) translateX(200px) rotateZ(158deg); opacity: 1; } 100% { transform: rotateZ(-158deg) rotateY(139deg) translateX(600px) rotateZ(158deg); } } .c:nth-child(183) { animation: orbit183 14s infinite; animation-delay: 1.83s; background-color: #00fff8; } @keyframes orbit183 { 20% { opacity: 1; } 30% { transform: rotateZ(-171deg) rotateY(243deg) translateX(200px) rotateZ(171deg); } 80% { transform: rotateZ(-171deg) rotateY(243deg) translateX(200px) rotateZ(171deg); opacity: 1; } 100% { transform: rotateZ(-171deg) rotateY(243deg) translateX(600px) rotateZ(171deg); } } .c:nth-child(184) { animation: orbit184 14s infinite; animation-delay: 1.84s; background-color: #00fff8; } @keyframes orbit184 { 20% { opacity: 1; } 30% { transform: rotateZ(-86deg) rotateY(265deg) translateX(200px) rotateZ(86deg); } 80% { transform: rotateZ(-86deg) rotateY(265deg) translateX(200px) rotateZ(86deg); opacity: 1; } 100% { transform: rotateZ(-86deg) rotateY(265deg) translateX(600px) rotateZ(86deg); } } .c:nth-child(185) { animation: orbit185 14s infinite; animation-delay: 1.85s; background-color: #00fff9; } @keyframes orbit185 { 20% { opacity: 1; } 30% { transform: rotateZ(-269deg) rotateY(14deg) translateX(200px) rotateZ(269deg); } 80% { transform: rotateZ(-269deg) rotateY(14deg) translateX(200px) rotateZ(269deg); opacity: 1; } 100% { transform: rotateZ(-269deg) rotateY(14deg) translateX(600px) rotateZ(269deg); } } .c:nth-child(186) { animation: orbit186 14s infinite; animation-delay: 1.86s; background-color: #00fff9; } @keyframes orbit186 { 20% { opacity: 1; } 30% { transform: rotateZ(-296deg) rotateY(121deg) translateX(200px) rotateZ(296deg); } 80% { transform: rotateZ(-296deg) rotateY(121deg) translateX(200px) rotateZ(296deg); opacity: 1; } 100% { transform: rotateZ(-296deg) rotateY(121deg) translateX(600px) rotateZ(296deg); } } .c:nth-child(187) { animation: orbit187 14s infinite; animation-delay: 1.87s; background-color: #00fff9; } @keyframes orbit187 { 20% { opacity: 1; } 30% { transform: rotateZ(-69deg) rotateY(21deg) translateX(200px) rotateZ(69deg); } 80% { transform: rotateZ(-69deg) rotateY(21deg) translateX(200px) rotateZ(69deg); opacity: 1; } 100% { transform: rotateZ(-69deg) rotateY(21deg) translateX(600px) rotateZ(69deg); } } .c:nth-child(188) { animation: orbit188 14s infinite; animation-delay: 1.88s; background-color: #00fffa; } @keyframes orbit188 { 20% { opacity: 1; } 30% { transform: rotateZ(-223deg) rotateY(332deg) translateX(200px) rotateZ(223deg); } 80% { transform: rotateZ(-223deg) rotateY(332deg) translateX(200px) rotateZ(223deg); opacity: 1; } 100% { transform: rotateZ(-223deg) rotateY(332deg) translateX(600px) rotateZ(223deg); } } .c:nth-child(189) { animation: orbit189 14s infinite; animation-delay: 1.89s; background-color: #00fffa; } @keyframes orbit189 { 20% { opacity: 1; } 30% { transform: rotateZ(-336deg) rotateY(337deg) translateX(200px) rotateZ(336deg); } 80% { transform: rotateZ(-336deg) rotateY(337deg) translateX(200px) rotateZ(336deg); opacity: 1; } 100% { transform: rotateZ(-336deg) rotateY(337deg) translateX(600px) rotateZ(336deg); } } .c:nth-child(190) { animation: orbit190 14s infinite; animation-delay: 1.9s; background-color: #00fffb; } @keyframes orbit190 { 20% { opacity: 1; } 30% { transform: rotateZ(-284deg) rotateY(273deg) translateX(200px) rotateZ(284deg); } 80% { transform: rotateZ(-284deg) rotateY(273deg) translateX(200px) rotateZ(284deg); opacity: 1; } 100% { transform: rotateZ(-284deg) rotateY(273deg) translateX(600px) rotateZ(284deg); } } .c:nth-child(191) { animation: orbit191 14s infinite; animation-delay: 1.91s; background-color: #00fffb; } @keyframes orbit191 { 20% { opacity: 1; } 30% { transform: rotateZ(-235deg) rotateY(276deg) translateX(200px) rotateZ(235deg); } 80% { transform: rotateZ(-235deg) rotateY(276deg) translateX(200px) rotateZ(235deg); opacity: 1; } 100% { transform: rotateZ(-235deg) rotateY(276deg) translateX(600px) rotateZ(235deg); } } .c:nth-child(192) { animation: orbit192 14s infinite; animation-delay: 1.92s; background-color: #00fffc; } @keyframes orbit192 { 20% { opacity: 1; } 30% { transform: rotateZ(-199deg) rotateY(330deg) translateX(200px) rotateZ(199deg); } 80% { transform: rotateZ(-199deg) rotateY(330deg) translateX(200px) rotateZ(199deg); opacity: 1; } 100% { transform: rotateZ(-199deg) rotateY(330deg) translateX(600px) rotateZ(199deg); } } .c:nth-child(193) { animation: orbit193 14s infinite; animation-delay: 1.93s; background-color: #00fffc; } @keyframes orbit193 { 20% { opacity: 1; } 30% { transform: rotateZ(-356deg) rotateY(130deg) translateX(200px) rotateZ(356deg); } 80% { transform: rotateZ(-356deg) rotateY(130deg) translateX(200px) rotateZ(356deg); opacity: 1; } 100% { transform: rotateZ(-356deg) rotateY(130deg) translateX(600px) rotateZ(356deg); } } .c:nth-child(194) { animation: orbit194 14s infinite; animation-delay: 1.94s; background-color: #00fffc; } @keyframes orbit194 { 20% { opacity: 1; } 30% { transform: rotateZ(-341deg) rotateY(213deg) translateX(200px) rotateZ(341deg); } 80% { transform: rotateZ(-341deg) rotateY(213deg) translateX(200px) rotateZ(341deg); opacity: 1; } 100% { transform: rotateZ(-341deg) rotateY(213deg) translateX(600px) rotateZ(341deg); } } .c:nth-child(195) { animation: orbit195 14s infinite; animation-delay: 1.95s; background-color: #00fffd; } @keyframes orbit195 { 20% { opacity: 1; } 30% { transform: rotateZ(-56deg) rotateY(23deg) translateX(200px) rotateZ(56deg); } 80% { transform: rotateZ(-56deg) rotateY(23deg) translateX(200px) rotateZ(56deg); opacity: 1; } 100% { transform: rotateZ(-56deg) rotateY(23deg) translateX(600px) rotateZ(56deg); } } .c:nth-child(196) { animation: orbit196 14s infinite; animation-delay: 1.96s; background-color: #00fffd; } @keyframes orbit196 { 20% { opacity: 1; } 30% { transform: rotateZ(-21deg) rotateY(239deg) translateX(200px) rotateZ(21deg); } 80% { transform: rotateZ(-21deg) rotateY(239deg) translateX(200px) rotateZ(21deg); opacity: 1; } 100% { transform: rotateZ(-21deg) rotateY(239deg) translateX(600px) rotateZ(21deg); } } .c:nth-child(197) { animation: orbit197 14s infinite; animation-delay: 1.97s; background-color: #00fffe; } @keyframes orbit197 { 20% { opacity: 1; } 30% { transform: rotateZ(-158deg) rotateY(69deg) translateX(200px) rotateZ(158deg); } 80% { transform: rotateZ(-158deg) rotateY(69deg) translateX(200px) rotateZ(158deg); opacity: 1; } 100% { transform: rotateZ(-158deg) rotateY(69deg) translateX(600px) rotateZ(158deg); } } .c:nth-child(198) { animation: orbit198 14s infinite; animation-delay: 1.98s; background-color: #00fffe; } @keyframes orbit198 { 20% { opacity: 1; } 30% { transform: rotateZ(-296deg) rotateY(128deg) translateX(200px) rotateZ(296deg); } 80% { transform: rotateZ(-296deg) rotateY(128deg) translateX(200px) rotateZ(296deg); opacity: 1; } 100% { transform: rotateZ(-296deg) rotateY(128deg) translateX(600px) rotateZ(296deg); } } .c:nth-child(199) { animation: orbit199 14s infinite; animation-delay: 1.99s; background-color: aqua; } @keyframes orbit199 { 20% { opacity: 1; } 30% { transform: rotateZ(-147deg) rotateY(155deg) translateX(200px) rotateZ(147deg); } 80% { transform: rotateZ(-147deg) rotateY(155deg) translateX(200px) rotateZ(147deg); opacity: 1; } 100% { transform: rotateZ(-147deg) rotateY(155deg) translateX(600px) rotateZ(147deg); } } .c:nth-child(200) { animation: orbit200 14s infinite; animation-delay: 2s; background-color: aqua; } @keyframes orbit200 { 20% { opacity: 1; } 30% { transform: rotateZ(-312deg) rotateY(203deg) translateX(200px) rotateZ(312deg); } 80% { transform: rotateZ(-312deg) rotateY(203deg) translateX(200px) rotateZ(312deg); opacity: 1; } 100% { transform: rotateZ(-312deg) rotateY(203deg) translateX(600px) rotateZ(312deg); } } .c:nth-child(201) { animation: orbit201 14s infinite; animation-delay: 2.01s; background-color: aqua; } @keyframes orbit201 { 20% { opacity: 1; } 30% { transform: rotateZ(-186deg) rotateY(331deg) translateX(200px) rotateZ(186deg); } 80% { transform: rotateZ(-186deg) rotateY(331deg) translateX(200px) rotateZ(186deg); opacity: 1; } 100% { transform: rotateZ(-186deg) rotateY(331deg) translateX(600px) rotateZ(186deg); } } .c:nth-child(202) { animation: orbit202 14s infinite; animation-delay: 2.02s; background-color: #00feff; } @keyframes orbit202 { 20% { opacity: 1; } 30% { transform: rotateZ(-339deg) rotateY(297deg) translateX(200px) rotateZ(339deg); } 80% { transform: rotateZ(-339deg) rotateY(297deg) translateX(200px) rotateZ(339deg); opacity: 1; } 100% { transform: rotateZ(-339deg) rotateY(297deg) translateX(600px) rotateZ(339deg); } } .c:nth-child(203) { animation: orbit203 14s infinite; animation-delay: 2.03s; background-color: #00feff; } @keyframes orbit203 { 20% { opacity: 1; } 30% { transform: rotateZ(-61deg) rotateY(42deg) translateX(200px) rotateZ(61deg); } 80% { transform: rotateZ(-61deg) rotateY(42deg) translateX(200px) rotateZ(61deg); opacity: 1; } 100% { transform: rotateZ(-61deg) rotateY(42deg) translateX(600px) rotateZ(61deg); } } .c:nth-child(204) { animation: orbit204 14s infinite; animation-delay: 2.04s; background-color: #00fdff; } @keyframes orbit204 { 20% { opacity: 1; } 30% { transform: rotateZ(-22deg) rotateY(168deg) translateX(200px) rotateZ(22deg); } 80% { transform: rotateZ(-22deg) rotateY(168deg) translateX(200px) rotateZ(22deg); opacity: 1; } 100% { transform: rotateZ(-22deg) rotateY(168deg) translateX(600px) rotateZ(22deg); } } .c:nth-child(205) { animation: orbit205 14s infinite; animation-delay: 2.05s; background-color: #00fdff; } @keyframes orbit205 { 20% { opacity: 1; } 30% { transform: rotateZ(-119deg) rotateY(71deg) translateX(200px) rotateZ(119deg); } 80% { transform: rotateZ(-119deg) rotateY(71deg) translateX(200px) rotateZ(119deg); opacity: 1; } 100% { transform: rotateZ(-119deg) rotateY(71deg) translateX(600px) rotateZ(119deg); } } .c:nth-child(206) { animation: orbit206 14s infinite; animation-delay: 2.06s; background-color: #00fcff; } @keyframes orbit206 { 20% { opacity: 1; } 30% { transform: rotateZ(-203deg) rotateY(275deg) translateX(200px) rotateZ(203deg); } 80% { transform: rotateZ(-203deg) rotateY(275deg) translateX(200px) rotateZ(203deg); opacity: 1; } 100% { transform: rotateZ(-203deg) rotateY(275deg) translateX(600px) rotateZ(203deg); } } .c:nth-child(207) { animation: orbit207 14s infinite; animation-delay: 2.07s; background-color: #00fcff; } @keyframes orbit207 { 20% { opacity: 1; } 30% { transform: rotateZ(-154deg) rotateY(28deg) translateX(200px) rotateZ(154deg); } 80% { transform: rotateZ(-154deg) rotateY(28deg) translateX(200px) rotateZ(154deg); opacity: 1; } 100% { transform: rotateZ(-154deg) rotateY(28deg) translateX(600px) rotateZ(154deg); } } .c:nth-child(208) { animation: orbit208 14s infinite; animation-delay: 2.08s; background-color: #00fcff; } @keyframes orbit208 { 20% { opacity: 1; } 30% { transform: rotateZ(-138deg) rotateY(295deg) translateX(200px) rotateZ(138deg); } 80% { transform: rotateZ(-138deg) rotateY(295deg) translateX(200px) rotateZ(138deg); opacity: 1; } 100% { transform: rotateZ(-138deg) rotateY(295deg) translateX(600px) rotateZ(138deg); } } .c:nth-child(209) { animation: orbit209 14s infinite; animation-delay: 2.09s; background-color: #00fbff; } @keyframes orbit209 { 20% { opacity: 1; } 30% { transform: rotateZ(-189deg) rotateY(148deg) translateX(200px) rotateZ(189deg); } 80% { transform: rotateZ(-189deg) rotateY(148deg) translateX(200px) rotateZ(189deg); opacity: 1; } 100% { transform: rotateZ(-189deg) rotateY(148deg) translateX(600px) rotateZ(189deg); } } .c:nth-child(210) { animation: orbit210 14s infinite; animation-delay: 2.1s; background-color: #00fbff; } @keyframes orbit210 { 20% { opacity: 1; } 30% { transform: rotateZ(-273deg) rotateY(169deg) translateX(200px) rotateZ(273deg); } 80% { transform: rotateZ(-273deg) rotateY(169deg) translateX(200px) rotateZ(273deg); opacity: 1; } 100% { transform: rotateZ(-273deg) rotateY(169deg) translateX(600px) rotateZ(273deg); } } .c:nth-child(211) { animation: orbit211 14s infinite; animation-delay: 2.11s; background-color: #00faff; } @keyframes orbit211 { 20% { opacity: 1; } 30% { transform: rotateZ(-146deg) rotateY(307deg) translateX(200px) rotateZ(146deg); } 80% { transform: rotateZ(-146deg) rotateY(307deg) translateX(200px) rotateZ(146deg); opacity: 1; } 100% { transform: rotateZ(-146deg) rotateY(307deg) translateX(600px) rotateZ(146deg); } } .c:nth-child(212) { animation: orbit212 14s infinite; animation-delay: 2.12s; background-color: #00faff; } @keyframes orbit212 { 20% { opacity: 1; } 30% { transform: rotateZ(-71deg) rotateY(32deg) translateX(200px) rotateZ(71deg); } 80% { transform: rotateZ(-71deg) rotateY(32deg) translateX(200px) rotateZ(71deg); opacity: 1; } 100% { transform: rotateZ(-71deg) rotateY(32deg) translateX(600px) rotateZ(71deg); } } .c:nth-child(213) { animation: orbit213 14s infinite; animation-delay: 2.13s; background-color: #00f9ff; } @keyframes orbit213 { 20% { opacity: 1; } 30% { transform: rotateZ(-273deg) rotateY(57deg) translateX(200px) rotateZ(273deg); } 80% { transform: rotateZ(-273deg) rotateY(57deg) translateX(200px) rotateZ(273deg); opacity: 1; } 100% { transform: rotateZ(-273deg) rotateY(57deg) translateX(600px) rotateZ(273deg); } } .c:nth-child(214) { animation: orbit214 14s infinite; animation-delay: 2.14s; background-color: #00f9ff; } @keyframes orbit214 { 20% { opacity: 1; } 30% { transform: rotateZ(-270deg) rotateY(280deg) translateX(200px) rotateZ(270deg); } 80% { transform: rotateZ(-270deg) rotateY(280deg) translateX(200px) rotateZ(270deg); opacity: 1; } 100% { transform: rotateZ(-270deg) rotateY(280deg) translateX(600px) rotateZ(270deg); } } .c:nth-child(215) { animation: orbit215 14s infinite; animation-delay: 2.15s; background-color: #00f9ff; } @keyframes orbit215 { 20% { opacity: 1; } 30% { transform: rotateZ(-104deg) rotateY(272deg) translateX(200px) rotateZ(104deg); } 80% { transform: rotateZ(-104deg) rotateY(272deg) translateX(200px) rotateZ(104deg); opacity: 1; } 100% { transform: rotateZ(-104deg) rotateY(272deg) translateX(600px) rotateZ(104deg); } } .c:nth-child(216) { animation: orbit216 14s infinite; animation-delay: 2.16s; background-color: #00f8ff; } @keyframes orbit216 { 20% { opacity: 1; } 30% { transform: rotateZ(-13deg) rotateY(289deg) translateX(200px) rotateZ(13deg); } 80% { transform: rotateZ(-13deg) rotateY(289deg) translateX(200px) rotateZ(13deg); opacity: 1; } 100% { transform: rotateZ(-13deg) rotateY(289deg) translateX(600px) rotateZ(13deg); } } .c:nth-child(217) { animation: orbit217 14s infinite; animation-delay: 2.17s; background-color: #00f8ff; } @keyframes orbit217 { 20% { opacity: 1; } 30% { transform: rotateZ(-186deg) rotateY(187deg) translateX(200px) rotateZ(186deg); } 80% { transform: rotateZ(-186deg) rotateY(187deg) translateX(200px) rotateZ(186deg); opacity: 1; } 100% { transform: rotateZ(-186deg) rotateY(187deg) translateX(600px) rotateZ(186deg); } } .c:nth-child(218) { animation: orbit218 14s infinite; animation-delay: 2.18s; background-color: #00f7ff; } @keyframes orbit218 { 20% { opacity: 1; } 30% { transform: rotateZ(-240deg) rotateY(171deg) translateX(200px) rotateZ(240deg); } 80% { transform: rotateZ(-240deg) rotateY(171deg) translateX(200px) rotateZ(240deg); opacity: 1; } 100% { transform: rotateZ(-240deg) rotateY(171deg) translateX(600px) rotateZ(240deg); } } .c:nth-child(219) { animation: orbit219 14s infinite; animation-delay: 2.19s; background-color: #00f7ff; } @keyframes orbit219 { 20% { opacity: 1; } 30% { transform: rotateZ(-78deg) rotateY(337deg) translateX(200px) rotateZ(78deg); } 80% { transform: rotateZ(-78deg) rotateY(337deg) translateX(200px) rotateZ(78deg); opacity: 1; } 100% { transform: rotateZ(-78deg) rotateY(337deg) translateX(600px) rotateZ(78deg); } } .c:nth-child(220) { animation: orbit220 14s infinite; animation-delay: 2.2s; background-color: #00f7ff; } @keyframes orbit220 { 20% { opacity: 1; } 30% { transform: rotateZ(-356deg) rotateY(270deg) translateX(200px) rotateZ(356deg); } 80% { transform: rotateZ(-356deg) rotateY(270deg) translateX(200px) rotateZ(356deg); opacity: 1; } 100% { transform: rotateZ(-356deg) rotateY(270deg) translateX(600px) rotateZ(356deg); } } .c:nth-child(221) { animation: orbit221 14s infinite; animation-delay: 2.21s; background-color: #00f6ff; } @keyframes orbit221 { 20% { opacity: 1; } 30% { transform: rotateZ(-71deg) rotateY(148deg) translateX(200px) rotateZ(71deg); } 80% { transform: rotateZ(-71deg) rotateY(148deg) translateX(200px) rotateZ(71deg); opacity: 1; } 100% { transform: rotateZ(-71deg) rotateY(148deg) translateX(600px) rotateZ(71deg); } } .c:nth-child(222) { animation: orbit222 14s infinite; animation-delay: 2.22s; background-color: #00f6ff; } @keyframes orbit222 { 20% { opacity: 1; } 30% { transform: rotateZ(-75deg) rotateY(90deg) translateX(200px) rotateZ(75deg); } 80% { transform: rotateZ(-75deg) rotateY(90deg) translateX(200px) rotateZ(75deg); opacity: 1; } 100% { transform: rotateZ(-75deg) rotateY(90deg) translateX(600px) rotateZ(75deg); } } .c:nth-child(223) { animation: orbit223 14s infinite; animation-delay: 2.23s; background-color: #00f5ff; } @keyframes orbit223 { 20% { opacity: 1; } 30% { transform: rotateZ(-210deg) rotateY(2deg) translateX(200px) rotateZ(210deg); } 80% { transform: rotateZ(-210deg) rotateY(2deg) translateX(200px) rotateZ(210deg); opacity: 1; } 100% { transform: rotateZ(-210deg) rotateY(2deg) translateX(600px) rotateZ(210deg); } } .c:nth-child(224) { animation: orbit224 14s infinite; animation-delay: 2.24s; background-color: #00f5ff; } @keyframes orbit224 { 20% { opacity: 1; } 30% { transform: rotateZ(-202deg) rotateY(343deg) translateX(200px) rotateZ(202deg); } 80% { transform: rotateZ(-202deg) rotateY(343deg) translateX(200px) rotateZ(202deg); opacity: 1; } 100% { transform: rotateZ(-202deg) rotateY(343deg) translateX(600px) rotateZ(202deg); } } .c:nth-child(225) { animation: orbit225 14s infinite; animation-delay: 2.25s; background-color: #00f4ff; } @keyframes orbit225 { 20% { opacity: 1; } 30% { transform: rotateZ(-301deg) rotateY(22deg) translateX(200px) rotateZ(301deg); } 80% { transform: rotateZ(-301deg) rotateY(22deg) translateX(200px) rotateZ(301deg); opacity: 1; } 100% { transform: rotateZ(-301deg) rotateY(22deg) translateX(600px) rotateZ(301deg); } } .c:nth-child(226) { animation: orbit226 14s infinite; animation-delay: 2.26s; background-color: #00f4ff; } @keyframes orbit226 { 20% { opacity: 1; } 30% { transform: rotateZ(-188deg) rotateY(308deg) translateX(200px) rotateZ(188deg); } 80% { transform: rotateZ(-188deg) rotateY(308deg) translateX(200px) rotateZ(188deg); opacity: 1; } 100% { transform: rotateZ(-188deg) rotateY(308deg) translateX(600px) rotateZ(188deg); } } .c:nth-child(227) { animation: orbit227 14s infinite; animation-delay: 2.27s; background-color: #00f4ff; } @keyframes orbit227 { 20% { opacity: 1; } 30% { transform: rotateZ(-326deg) rotateY(312deg) translateX(200px) rotateZ(326deg); } 80% { transform: rotateZ(-326deg) rotateY(312deg) translateX(200px) rotateZ(326deg); opacity: 1; } 100% { transform: rotateZ(-326deg) rotateY(312deg) translateX(600px) rotateZ(326deg); } } .c:nth-child(228) { animation: orbit228 14s infinite; animation-delay: 2.28s; background-color: #00f3ff; } @keyframes orbit228 { 20% { opacity: 1; } 30% { transform: rotateZ(-190deg) rotateY(280deg) translateX(200px) rotateZ(190deg); } 80% { transform: rotateZ(-190deg) rotateY(280deg) translateX(200px) rotateZ(190deg); opacity: 1; } 100% { transform: rotateZ(-190deg) rotateY(280deg) translateX(600px) rotateZ(190deg); } } .c:nth-child(229) { animation: orbit229 14s infinite; animation-delay: 2.29s; background-color: #00f3ff; } @keyframes orbit229 { 20% { opacity: 1; } 30% { transform: rotateZ(-77deg) rotateY(66deg) translateX(200px) rotateZ(77deg); } 80% { transform: rotateZ(-77deg) rotateY(66deg) translateX(200px) rotateZ(77deg); opacity: 1; } 100% { transform: rotateZ(-77deg) rotateY(66deg) translateX(600px) rotateZ(77deg); } } .c:nth-child(230) { animation: orbit230 14s infinite; animation-delay: 2.3s; background-color: #00f2ff; } @keyframes orbit230 { 20% { opacity: 1; } 30% { transform: rotateZ(-333deg) rotateY(179deg) translateX(200px) rotateZ(333deg); } 80% { transform: rotateZ(-333deg) rotateY(179deg) translateX(200px) rotateZ(333deg); opacity: 1; } 100% { transform: rotateZ(-333deg) rotateY(179deg) translateX(600px) rotateZ(333deg); } } .c:nth-child(231) { animation: orbit231 14s infinite; animation-delay: 2.31s; background-color: #00f2ff; } @keyframes orbit231 { 20% { opacity: 1; } 30% { transform: rotateZ(-29deg) rotateY(295deg) translateX(200px) rotateZ(29deg); } 80% { transform: rotateZ(-29deg) rotateY(295deg) translateX(200px) rotateZ(29deg); opacity: 1; } 100% { transform: rotateZ(-29deg) rotateY(295deg) translateX(600px) rotateZ(29deg); } } .c:nth-child(232) { animation: orbit232 14s infinite; animation-delay: 2.32s; background-color: #00f1ff; } @keyframes orbit232 { 20% { opacity: 1; } 30% { transform: rotateZ(-274deg) rotateY(306deg) translateX(200px) rotateZ(274deg); } 80% { transform: rotateZ(-274deg) rotateY(306deg) translateX(200px) rotateZ(274deg); opacity: 1; } 100% { transform: rotateZ(-274deg) rotateY(306deg) translateX(600px) rotateZ(274deg); } } .c:nth-child(233) { animation: orbit233 14s infinite; animation-delay: 2.33s; background-color: #00f1ff; } @keyframes orbit233 { 20% { opacity: 1; } 30% { transform: rotateZ(-91deg) rotateY(329deg) translateX(200px) rotateZ(91deg); } 80% { transform: rotateZ(-91deg) rotateY(329deg) translateX(200px) rotateZ(91deg); opacity: 1; } 100% { transform: rotateZ(-91deg) rotateY(329deg) translateX(600px) rotateZ(91deg); } } .c:nth-child(234) { animation: orbit234 14s infinite; animation-delay: 2.34s; background-color: #00f1ff; } @keyframes orbit234 { 20% { opacity: 1; } 30% { transform: rotateZ(-127deg) rotateY(250deg) translateX(200px) rotateZ(127deg); } 80% { transform: rotateZ(-127deg) rotateY(250deg) translateX(200px) rotateZ(127deg); opacity: 1; } 100% { transform: rotateZ(-127deg) rotateY(250deg) translateX(600px) rotateZ(127deg); } } .c:nth-child(235) { animation: orbit235 14s infinite; animation-delay: 2.35s; background-color: #00f0ff; } @keyframes orbit235 { 20% { opacity: 1; } 30% { transform: rotateZ(-339deg) rotateY(30deg) translateX(200px) rotateZ(339deg); } 80% { transform: rotateZ(-339deg) rotateY(30deg) translateX(200px) rotateZ(339deg); opacity: 1; } 100% { transform: rotateZ(-339deg) rotateY(30deg) translateX(600px) rotateZ(339deg); } } .c:nth-child(236) { animation: orbit236 14s infinite; animation-delay: 2.36s; background-color: #00f0ff; } @keyframes orbit236 { 20% { opacity: 1; } 30% { transform: rotateZ(-281deg) rotateY(69deg) translateX(200px) rotateZ(281deg); } 80% { transform: rotateZ(-281deg) rotateY(69deg) translateX(200px) rotateZ(281deg); opacity: 1; } 100% { transform: rotateZ(-281deg) rotateY(69deg) translateX(600px) rotateZ(281deg); } } .c:nth-child(237) { animation: orbit237 14s infinite; animation-delay: 2.37s; background-color: #00efff; } @keyframes orbit237 { 20% { opacity: 1; } 30% { transform: rotateZ(-338deg) rotateY(315deg) translateX(200px) rotateZ(338deg); } 80% { transform: rotateZ(-338deg) rotateY(315deg) translateX(200px) rotateZ(338deg); opacity: 1; } 100% { transform: rotateZ(-338deg) rotateY(315deg) translateX(600px) rotateZ(338deg); } } .c:nth-child(238) { animation: orbit238 14s infinite; animation-delay: 2.38s; background-color: #00efff; } @keyframes orbit238 { 20% { opacity: 1; } 30% { transform: rotateZ(-3deg) rotateY(68deg) translateX(200px) rotateZ(3deg); } 80% { transform: rotateZ(-3deg) rotateY(68deg) translateX(200px) rotateZ(3deg); opacity: 1; } 100% { transform: rotateZ(-3deg) rotateY(68deg) translateX(600px) rotateZ(3deg); } } .c:nth-child(239) { animation: orbit239 14s infinite; animation-delay: 2.39s; background-color: #00eeff; } @keyframes orbit239 { 20% { opacity: 1; } 30% { transform: rotateZ(-103deg) rotateY(209deg) translateX(200px) rotateZ(103deg); } 80% { transform: rotateZ(-103deg) rotateY(209deg) translateX(200px) rotateZ(103deg); opacity: 1; } 100% { transform: rotateZ(-103deg) rotateY(209deg) translateX(600px) rotateZ(103deg); } } .c:nth-child(240) { animation: orbit240 14s infinite; animation-delay: 2.4s; background-color: #00eeff; } @keyframes orbit240 { 20% { opacity: 1; } 30% { transform: rotateZ(-203deg) rotateY(65deg) translateX(200px) rotateZ(203deg); } 80% { transform: rotateZ(-203deg) rotateY(65deg) translateX(200px) rotateZ(203deg); opacity: 1; } 100% { transform: rotateZ(-203deg) rotateY(65deg) translateX(600px) rotateZ(203deg); } } .c:nth-child(241) { animation: orbit241 14s infinite; animation-delay: 2.41s; background-color: #00eeff; } @keyframes orbit241 { 20% { opacity: 1; } 30% { transform: rotateZ(-105deg) rotateY(128deg) translateX(200px) rotateZ(105deg); } 80% { transform: rotateZ(-105deg) rotateY(128deg) translateX(200px) rotateZ(105deg); opacity: 1; } 100% { transform: rotateZ(-105deg) rotateY(128deg) translateX(600px) rotateZ(105deg); } } .c:nth-child(242) { animation: orbit242 14s infinite; animation-delay: 2.42s; background-color: #00edff; } @keyframes orbit242 { 20% { opacity: 1; } 30% { transform: rotateZ(-242deg) rotateY(50deg) translateX(200px) rotateZ(242deg); } 80% { transform: rotateZ(-242deg) rotateY(50deg) translateX(200px) rotateZ(242deg); opacity: 1; } 100% { transform: rotateZ(-242deg) rotateY(50deg) translateX(600px) rotateZ(242deg); } } .c:nth-child(243) { animation: orbit243 14s infinite; animation-delay: 2.43s; background-color: #00edff; } @keyframes orbit243 { 20% { opacity: 1; } 30% { transform: rotateZ(-245deg) rotateY(104deg) translateX(200px) rotateZ(245deg); } 80% { transform: rotateZ(-245deg) rotateY(104deg) translateX(200px) rotateZ(245deg); opacity: 1; } 100% { transform: rotateZ(-245deg) rotateY(104deg) translateX(600px) rotateZ(245deg); } } .c:nth-child(244) { animation: orbit244 14s infinite; animation-delay: 2.44s; background-color: #00ecff; } @keyframes orbit244 { 20% { opacity: 1; } 30% { transform: rotateZ(-194deg) rotateY(180deg) translateX(200px) rotateZ(194deg); } 80% { transform: rotateZ(-194deg) rotateY(180deg) translateX(200px) rotateZ(194deg); opacity: 1; } 100% { transform: rotateZ(-194deg) rotateY(180deg) translateX(600px) rotateZ(194deg); } } .c:nth-child(245) { animation: orbit245 14s infinite; animation-delay: 2.45s; background-color: #00ecff; } @keyframes orbit245 { 20% { opacity: 1; } 30% { transform: rotateZ(-301deg) rotateY(213deg) translateX(200px) rotateZ(301deg); } 80% { transform: rotateZ(-301deg) rotateY(213deg) translateX(200px) rotateZ(301deg); opacity: 1; } 100% { transform: rotateZ(-301deg) rotateY(213deg) translateX(600px) rotateZ(301deg); } } .c:nth-child(246) { animation: orbit246 14s infinite; animation-delay: 2.46s; background-color: #00ebff; } @keyframes orbit246 { 20% { opacity: 1; } 30% { transform: rotateZ(-74deg) rotateY(159deg) translateX(200px) rotateZ(74deg); } 80% { transform: rotateZ(-74deg) rotateY(159deg) translateX(200px) rotateZ(74deg); opacity: 1; } 100% { transform: rotateZ(-74deg) rotateY(159deg) translateX(600px) rotateZ(74deg); } } .c:nth-child(247) { animation: orbit247 14s infinite; animation-delay: 2.47s; background-color: #00ebff; } @keyframes orbit247 { 20% { opacity: 1; } 30% { transform: rotateZ(-268deg) rotateY(242deg) translateX(200px) rotateZ(268deg); } 80% { transform: rotateZ(-268deg) rotateY(242deg) translateX(200px) rotateZ(268deg); opacity: 1; } 100% { transform: rotateZ(-268deg) rotateY(242deg) translateX(600px) rotateZ(268deg); } } .c:nth-child(248) { animation: orbit248 14s infinite; animation-delay: 2.48s; background-color: #00ebff; } @keyframes orbit248 { 20% { opacity: 1; } 30% { transform: rotateZ(-150deg) rotateY(289deg) translateX(200px) rotateZ(150deg); } 80% { transform: rotateZ(-150deg) rotateY(289deg) translateX(200px) rotateZ(150deg); opacity: 1; } 100% { transform: rotateZ(-150deg) rotateY(289deg) translateX(600px) rotateZ(150deg); } } .c:nth-child(249) { animation: orbit249 14s infinite; animation-delay: 2.49s; background-color: #00eaff; } @keyframes orbit249 { 20% { opacity: 1; } 30% { transform: rotateZ(-26deg) rotateY(164deg) translateX(200px) rotateZ(26deg); } 80% { transform: rotateZ(-26deg) rotateY(164deg) translateX(200px) rotateZ(26deg); opacity: 1; } 100% { transform: rotateZ(-26deg) rotateY(164deg) translateX(600px) rotateZ(26deg); } } .c:nth-child(250) { animation: orbit250 14s infinite; animation-delay: 2.5s; background-color: #00eaff; } @keyframes orbit250 { 20% { opacity: 1; } 30% { transform: rotateZ(-171deg) rotateY(57deg) translateX(200px) rotateZ(171deg); } 80% { transform: rotateZ(-171deg) rotateY(57deg) translateX(200px) rotateZ(171deg); opacity: 1; } 100% { transform: rotateZ(-171deg) rotateY(57deg) translateX(600px) rotateZ(171deg); } } .c:nth-child(251) { animation: orbit251 14s infinite; animation-delay: 2.51s; background-color: #00e9ff; } @keyframes orbit251 { 20% { opacity: 1; } 30% { transform: rotateZ(-22deg) rotateY(24deg) translateX(200px) rotateZ(22deg); } 80% { transform: rotateZ(-22deg) rotateY(24deg) translateX(200px) rotateZ(22deg); opacity: 1; } 100% { transform: rotateZ(-22deg) rotateY(24deg) translateX(600px) rotateZ(22deg); } } .c:nth-child(252) { animation: orbit252 14s infinite; animation-delay: 2.52s; background-color: #00e9ff; } @keyframes orbit252 { 20% { opacity: 1; } 30% { transform: rotateZ(-231deg) rotateY(185deg) translateX(200px) rotateZ(231deg); } 80% { transform: rotateZ(-231deg) rotateY(185deg) translateX(200px) rotateZ(231deg); opacity: 1; } 100% { transform: rotateZ(-231deg) rotateY(185deg) translateX(600px) rotateZ(231deg); } } .c:nth-child(253) { animation: orbit253 14s infinite; animation-delay: 2.53s; background-color: #00e8ff; } @keyframes orbit253 { 20% { opacity: 1; } 30% { transform: rotateZ(-288deg) rotateY(125deg) translateX(200px) rotateZ(288deg); } 80% { transform: rotateZ(-288deg) rotateY(125deg) translateX(200px) rotateZ(288deg); opacity: 1; } 100% { transform: rotateZ(-288deg) rotateY(125deg) translateX(600px) rotateZ(288deg); } } .c:nth-child(254) { animation: orbit254 14s infinite; animation-delay: 2.54s; background-color: #00e8ff; } @keyframes orbit254 { 20% { opacity: 1; } 30% { transform: rotateZ(-306deg) rotateY(57deg) translateX(200px) rotateZ(306deg); } 80% { transform: rotateZ(-306deg) rotateY(57deg) translateX(200px) rotateZ(306deg); opacity: 1; } 100% { transform: rotateZ(-306deg) rotateY(57deg) translateX(600px) rotateZ(306deg); } } .c:nth-child(255) { animation: orbit255 14s infinite; animation-delay: 2.55s; background-color: #00e8ff; } @keyframes orbit255 { 20% { opacity: 1; } 30% { transform: rotateZ(-204deg) rotateY(262deg) translateX(200px) rotateZ(204deg); } 80% { transform: rotateZ(-204deg) rotateY(262deg) translateX(200px) rotateZ(204deg); opacity: 1; } 100% { transform: rotateZ(-204deg) rotateY(262deg) translateX(600px) rotateZ(204deg); } } .c:nth-child(256) { animation: orbit256 14s infinite; animation-delay: 2.56s; background-color: #00e7ff; } @keyframes orbit256 { 20% { opacity: 1; } 30% { transform: rotateZ(-232deg) rotateY(318deg) translateX(200px) rotateZ(232deg); } 80% { transform: rotateZ(-232deg) rotateY(318deg) translateX(200px) rotateZ(232deg); opacity: 1; } 100% { transform: rotateZ(-232deg) rotateY(318deg) translateX(600px) rotateZ(232deg); } } .c:nth-child(257) { animation: orbit257 14s infinite; animation-delay: 2.57s; background-color: #00e7ff; } @keyframes orbit257 { 20% { opacity: 1; } 30% { transform: rotateZ(-272deg) rotateY(108deg) translateX(200px) rotateZ(272deg); } 80% { transform: rotateZ(-272deg) rotateY(108deg) translateX(200px) rotateZ(272deg); opacity: 1; } 100% { transform: rotateZ(-272deg) rotateY(108deg) translateX(600px) rotateZ(272deg); } } .c:nth-child(258) { animation: orbit258 14s infinite; animation-delay: 2.58s; background-color: #00e6ff; } @keyframes orbit258 { 20% { opacity: 1; } 30% { transform: rotateZ(-245deg) rotateY(50deg) translateX(200px) rotateZ(245deg); } 80% { transform: rotateZ(-245deg) rotateY(50deg) translateX(200px) rotateZ(245deg); opacity: 1; } 100% { transform: rotateZ(-245deg) rotateY(50deg) translateX(600px) rotateZ(245deg); } } .c:nth-child(259) { animation: orbit259 14s infinite; animation-delay: 2.59s; background-color: #00e6ff; } @keyframes orbit259 { 20% { opacity: 1; } 30% { transform: rotateZ(-73deg) rotateY(306deg) translateX(200px) rotateZ(73deg); } 80% { transform: rotateZ(-73deg) rotateY(306deg) translateX(200px) rotateZ(73deg); opacity: 1; } 100% { transform: rotateZ(-73deg) rotateY(306deg) translateX(600px) rotateZ(73deg); } } .c:nth-child(260) { animation: orbit260 14s infinite; animation-delay: 2.6s; background-color: #00e6ff; } @keyframes orbit260 { 20% { opacity: 1; } 30% { transform: rotateZ(-330deg) rotateY(216deg) translateX(200px) rotateZ(330deg); } 80% { transform: rotateZ(-330deg) rotateY(216deg) translateX(200px) rotateZ(330deg); opacity: 1; } 100% { transform: rotateZ(-330deg) rotateY(216deg) translateX(600px) rotateZ(330deg); } } .c:nth-child(261) { animation: orbit261 14s infinite; animation-delay: 2.61s; background-color: #00e5ff; } @keyframes orbit261 { 20% { opacity: 1; } 30% { transform: rotateZ(-62deg) rotateY(159deg) translateX(200px) rotateZ(62deg); } 80% { transform: rotateZ(-62deg) rotateY(159deg) translateX(200px) rotateZ(62deg); opacity: 1; } 100% { transform: rotateZ(-62deg) rotateY(159deg) translateX(600px) rotateZ(62deg); } } .c:nth-child(262) { animation: orbit262 14s infinite; animation-delay: 2.62s; background-color: #00e5ff; } @keyframes orbit262 { 20% { opacity: 1; } 30% { transform: rotateZ(-308deg) rotateY(23deg) translateX(200px) rotateZ(308deg); } 80% { transform: rotateZ(-308deg) rotateY(23deg) translateX(200px) rotateZ(308deg); opacity: 1; } 100% { transform: rotateZ(-308deg) rotateY(23deg) translateX(600px) rotateZ(308deg); } } .c:nth-child(263) { animation: orbit263 14s infinite; animation-delay: 2.63s; background-color: #00e4ff; } @keyframes orbit263 { 20% { opacity: 1; } 30% { transform: rotateZ(-102deg) rotateY(30deg) translateX(200px) rotateZ(102deg); } 80% { transform: rotateZ(-102deg) rotateY(30deg) translateX(200px) rotateZ(102deg); opacity: 1; } 100% { transform: rotateZ(-102deg) rotateY(30deg) translateX(600px) rotateZ(102deg); } } .c:nth-child(264) { animation: orbit264 14s infinite; animation-delay: 2.64s; background-color: #00e4ff; } @keyframes orbit264 { 20% { opacity: 1; } 30% { transform: rotateZ(-262deg) rotateY(26deg) translateX(200px) rotateZ(262deg); } 80% { transform: rotateZ(-262deg) rotateY(26deg) translateX(200px) rotateZ(262deg); opacity: 1; } 100% { transform: rotateZ(-262deg) rotateY(26deg) translateX(600px) rotateZ(262deg); } } .c:nth-child(265) { animation: orbit265 14s infinite; animation-delay: 2.65s; background-color: #00e3ff; } @keyframes orbit265 { 20% { opacity: 1; } 30% { transform: rotateZ(-149deg) rotateY(53deg) translateX(200px) rotateZ(149deg); } 80% { transform: rotateZ(-149deg) rotateY(53deg) translateX(200px) rotateZ(149deg); opacity: 1; } 100% { transform: rotateZ(-149deg) rotateY(53deg) translateX(600px) rotateZ(149deg); } } .c:nth-child(266) { animation: orbit266 14s infinite; animation-delay: 2.66s; background-color: #00e3ff; } @keyframes orbit266 { 20% { opacity: 1; } 30% { transform: rotateZ(-50deg) rotateY(128deg) translateX(200px) rotateZ(50deg); } 80% { transform: rotateZ(-50deg) rotateY(128deg) translateX(200px) rotateZ(50deg); opacity: 1; } 100% { transform: rotateZ(-50deg) rotateY(128deg) translateX(600px) rotateZ(50deg); } } .c:nth-child(267) { animation: orbit267 14s infinite; animation-delay: 2.67s; background-color: #00e3ff; } @keyframes orbit267 { 20% { opacity: 1; } 30% { transform: rotateZ(-349deg) rotateY(336deg) translateX(200px) rotateZ(349deg); } 80% { transform: rotateZ(-349deg) rotateY(336deg) translateX(200px) rotateZ(349deg); opacity: 1; } 100% { transform: rotateZ(-349deg) rotateY(336deg) translateX(600px) rotateZ(349deg); } } .c:nth-child(268) { animation: orbit268 14s infinite; animation-delay: 2.68s; background-color: #00e2ff; } @keyframes orbit268 { 20% { opacity: 1; } 30% { transform: rotateZ(-298deg) rotateY(89deg) translateX(200px) rotateZ(298deg); } 80% { transform: rotateZ(-298deg) rotateY(89deg) translateX(200px) rotateZ(298deg); opacity: 1; } 100% { transform: rotateZ(-298deg) rotateY(89deg) translateX(600px) rotateZ(298deg); } } .c:nth-child(269) { animation: orbit269 14s infinite; animation-delay: 2.69s; background-color: #00e2ff; } @keyframes orbit269 { 20% { opacity: 1; } 30% { transform: rotateZ(-336deg) rotateY(247deg) translateX(200px) rotateZ(336deg); } 80% { transform: rotateZ(-336deg) rotateY(247deg) translateX(200px) rotateZ(336deg); opacity: 1; } 100% { transform: rotateZ(-336deg) rotateY(247deg) translateX(600px) rotateZ(336deg); } } .c:nth-child(270) { animation: orbit270 14s infinite; animation-delay: 2.7s; background-color: #00e1ff; } @keyframes orbit270 { 20% { opacity: 1; } 30% { transform: rotateZ(-328deg) rotateY(17deg) translateX(200px) rotateZ(328deg); } 80% { transform: rotateZ(-328deg) rotateY(17deg) translateX(200px) rotateZ(328deg); opacity: 1; } 100% { transform: rotateZ(-328deg) rotateY(17deg) translateX(600px) rotateZ(328deg); } } .c:nth-child(271) { animation: orbit271 14s infinite; animation-delay: 2.71s; background-color: #00e1ff; } @keyframes orbit271 { 20% { opacity: 1; } 30% { transform: rotateZ(-324deg) rotateY(246deg) translateX(200px) rotateZ(324deg); } 80% { transform: rotateZ(-324deg) rotateY(246deg) translateX(200px) rotateZ(324deg); opacity: 1; } 100% { transform: rotateZ(-324deg) rotateY(246deg) translateX(600px) rotateZ(324deg); } } .c:nth-child(272) { animation: orbit272 14s infinite; animation-delay: 2.72s; background-color: #00e0ff; } @keyframes orbit272 { 20% { opacity: 1; } 30% { transform: rotateZ(-137deg) rotateY(323deg) translateX(200px) rotateZ(137deg); } 80% { transform: rotateZ(-137deg) rotateY(323deg) translateX(200px) rotateZ(137deg); opacity: 1; } 100% { transform: rotateZ(-137deg) rotateY(323deg) translateX(600px) rotateZ(137deg); } } .c:nth-child(273) { animation: orbit273 14s infinite; animation-delay: 2.73s; background-color: #00e0ff; } @keyframes orbit273 { 20% { opacity: 1; } 30% { transform: rotateZ(-62deg) rotateY(304deg) translateX(200px) rotateZ(62deg); } 80% { transform: rotateZ(-62deg) rotateY(304deg) translateX(200px) rotateZ(62deg); opacity: 1; } 100% { transform: rotateZ(-62deg) rotateY(304deg) translateX(600px) rotateZ(62deg); } } .c:nth-child(274) { animation: orbit274 14s infinite; animation-delay: 2.74s; background-color: #00e0ff; } @keyframes orbit274 { 20% { opacity: 1; } 30% { transform: rotateZ(-181deg) rotateY(144deg) translateX(200px) rotateZ(181deg); } 80% { transform: rotateZ(-181deg) rotateY(144deg) translateX(200px) rotateZ(181deg); opacity: 1; } 100% { transform: rotateZ(-181deg) rotateY(144deg) translateX(600px) rotateZ(181deg); } } .c:nth-child(275) { animation: orbit275 14s infinite; animation-delay: 2.75s; background-color: #00dfff; } @keyframes orbit275 { 20% { opacity: 1; } 30% { transform: rotateZ(-21deg) rotateY(20deg) translateX(200px) rotateZ(21deg); } 80% { transform: rotateZ(-21deg) rotateY(20deg) translateX(200px) rotateZ(21deg); opacity: 1; } 100% { transform: rotateZ(-21deg) rotateY(20deg) translateX(600px) rotateZ(21deg); } } .c:nth-child(276) { animation: orbit276 14s infinite; animation-delay: 2.76s; background-color: #00dfff; } @keyframes orbit276 { 20% { opacity: 1; } 30% { transform: rotateZ(-3deg) rotateY(349deg) translateX(200px) rotateZ(3deg); } 80% { transform: rotateZ(-3deg) rotateY(349deg) translateX(200px) rotateZ(3deg); opacity: 1; } 100% { transform: rotateZ(-3deg) rotateY(349deg) translateX(600px) rotateZ(3deg); } } .c:nth-child(277) { animation: orbit277 14s infinite; animation-delay: 2.77s; background-color: #00deff; } @keyframes orbit277 { 20% { opacity: 1; } 30% { transform: rotateZ(-53deg) rotateY(344deg) translateX(200px) rotateZ(53deg); } 80% { transform: rotateZ(-53deg) rotateY(344deg) translateX(200px) rotateZ(53deg); opacity: 1; } 100% { transform: rotateZ(-53deg) rotateY(344deg) translateX(600px) rotateZ(53deg); } } .c:nth-child(278) { animation: orbit278 14s infinite; animation-delay: 2.78s; background-color: #00deff; } @keyframes orbit278 { 20% { opacity: 1; } 30% { transform: rotateZ(-223deg) rotateY(143deg) translateX(200px) rotateZ(223deg); } 80% { transform: rotateZ(-223deg) rotateY(143deg) translateX(200px) rotateZ(223deg); opacity: 1; } 100% { transform: rotateZ(-223deg) rotateY(143deg) translateX(600px) rotateZ(223deg); } } .c:nth-child(279) { animation: orbit279 14s infinite; animation-delay: 2.79s; background-color: #00ddff; } @keyframes orbit279 { 20% { opacity: 1; } 30% { transform: rotateZ(-122deg) rotateY(85deg) translateX(200px) rotateZ(122deg); } 80% { transform: rotateZ(-122deg) rotateY(85deg) translateX(200px) rotateZ(122deg); opacity: 1; } 100% { transform: rotateZ(-122deg) rotateY(85deg) translateX(600px) rotateZ(122deg); } } .c:nth-child(280) { animation: orbit280 14s infinite; animation-delay: 2.8s; background-color: #00ddff; } @keyframes orbit280 { 20% { opacity: 1; } 30% { transform: rotateZ(-300deg) rotateY(56deg) translateX(200px) rotateZ(300deg); } 80% { transform: rotateZ(-300deg) rotateY(56deg) translateX(200px) rotateZ(300deg); opacity: 1; } 100% { transform: rotateZ(-300deg) rotateY(56deg) translateX(600px) rotateZ(300deg); } } .c:nth-child(281) { animation: orbit281 14s infinite; animation-delay: 2.81s; background-color: #00ddff; } @keyframes orbit281 { 20% { opacity: 1; } 30% { transform: rotateZ(-188deg) rotateY(297deg) translateX(200px) rotateZ(188deg); } 80% { transform: rotateZ(-188deg) rotateY(297deg) translateX(200px) rotateZ(188deg); opacity: 1; } 100% { transform: rotateZ(-188deg) rotateY(297deg) translateX(600px) rotateZ(188deg); } } .c:nth-child(282) { animation: orbit282 14s infinite; animation-delay: 2.82s; background-color: #00dcff; } @keyframes orbit282 { 20% { opacity: 1; } 30% { transform: rotateZ(-134deg) rotateY(247deg) translateX(200px) rotateZ(134deg); } 80% { transform: rotateZ(-134deg) rotateY(247deg) translateX(200px) rotateZ(134deg); opacity: 1; } 100% { transform: rotateZ(-134deg) rotateY(247deg) translateX(600px) rotateZ(134deg); } } .c:nth-child(283) { animation: orbit283 14s infinite; animation-delay: 2.83s; background-color: #00dcff; } @keyframes orbit283 { 20% { opacity: 1; } 30% { transform: rotateZ(-46deg) rotateY(240deg) translateX(200px) rotateZ(46deg); } 80% { transform: rotateZ(-46deg) rotateY(240deg) translateX(200px) rotateZ(46deg); opacity: 1; } 100% { transform: rotateZ(-46deg) rotateY(240deg) translateX(600px) rotateZ(46deg); } } .c:nth-child(284) { animation: orbit284 14s infinite; animation-delay: 2.84s; background-color: #00dbff; } @keyframes orbit284 { 20% { opacity: 1; } 30% { transform: rotateZ(-322deg) rotateY(330deg) translateX(200px) rotateZ(322deg); } 80% { transform: rotateZ(-322deg) rotateY(330deg) translateX(200px) rotateZ(322deg); opacity: 1; } 100% { transform: rotateZ(-322deg) rotateY(330deg) translateX(600px) rotateZ(322deg); } } .c:nth-child(285) { animation: orbit285 14s infinite; animation-delay: 2.85s; background-color: #00dbff; } @keyframes orbit285 { 20% { opacity: 1; } 30% { transform: rotateZ(-307deg) rotateY(86deg) translateX(200px) rotateZ(307deg); } 80% { transform: rotateZ(-307deg) rotateY(86deg) translateX(200px) rotateZ(307deg); opacity: 1; } 100% { transform: rotateZ(-307deg) rotateY(86deg) translateX(600px) rotateZ(307deg); } } .c:nth-child(286) { animation: orbit286 14s infinite; animation-delay: 2.86s; background-color: #00daff; } @keyframes orbit286 { 20% { opacity: 1; } 30% { transform: rotateZ(-157deg) rotateY(282deg) translateX(200px) rotateZ(157deg); } 80% { transform: rotateZ(-157deg) rotateY(282deg) translateX(200px) rotateZ(157deg); opacity: 1; } 100% { transform: rotateZ(-157deg) rotateY(282deg) translateX(600px) rotateZ(157deg); } } .c:nth-child(287) { animation: orbit287 14s infinite; animation-delay: 2.87s; background-color: #00daff; } @keyframes orbit287 { 20% { opacity: 1; } 30% { transform: rotateZ(-71deg) rotateY(281deg) translateX(200px) rotateZ(71deg); } 80% { transform: rotateZ(-71deg) rotateY(281deg) translateX(200px) rotateZ(71deg); opacity: 1; } 100% { transform: rotateZ(-71deg) rotateY(281deg) translateX(600px) rotateZ(71deg); } } .c:nth-child(288) { animation: orbit288 14s infinite; animation-delay: 2.88s; background-color: #00daff; } @keyframes orbit288 { 20% { opacity: 1; } 30% { transform: rotateZ(-19deg) rotateY(221deg) translateX(200px) rotateZ(19deg); } 80% { transform: rotateZ(-19deg) rotateY(221deg) translateX(200px) rotateZ(19deg); opacity: 1; } 100% { transform: rotateZ(-19deg) rotateY(221deg) translateX(600px) rotateZ(19deg); } } .c:nth-child(289) { animation: orbit289 14s infinite; animation-delay: 2.89s; background-color: #00d9ff; } @keyframes orbit289 { 20% { opacity: 1; } 30% { transform: rotateZ(-86deg) rotateY(271deg) translateX(200px) rotateZ(86deg); } 80% { transform: rotateZ(-86deg) rotateY(271deg) translateX(200px) rotateZ(86deg); opacity: 1; } 100% { transform: rotateZ(-86deg) rotateY(271deg) translateX(600px) rotateZ(86deg); } } .c:nth-child(290) { animation: orbit290 14s infinite; animation-delay: 2.9s; background-color: #00d9ff; } @keyframes orbit290 { 20% { opacity: 1; } 30% { transform: rotateZ(-122deg) rotateY(16deg) translateX(200px) rotateZ(122deg); } 80% { transform: rotateZ(-122deg) rotateY(16deg) translateX(200px) rotateZ(122deg); opacity: 1; } 100% { transform: rotateZ(-122deg) rotateY(16deg) translateX(600px) rotateZ(122deg); } } .c:nth-child(291) { animation: orbit291 14s infinite; animation-delay: 2.91s; background-color: #00d8ff; } @keyframes orbit291 { 20% { opacity: 1; } 30% { transform: rotateZ(-62deg) rotateY(118deg) translateX(200px) rotateZ(62deg); } 80% { transform: rotateZ(-62deg) rotateY(118deg) translateX(200px) rotateZ(62deg); opacity: 1; } 100% { transform: rotateZ(-62deg) rotateY(118deg) translateX(600px) rotateZ(62deg); } } .c:nth-child(292) { animation: orbit292 14s infinite; animation-delay: 2.92s; background-color: #00d8ff; } @keyframes orbit292 { 20% { opacity: 1; } 30% { transform: rotateZ(-79deg) rotateY(140deg) translateX(200px) rotateZ(79deg); } 80% { transform: rotateZ(-79deg) rotateY(140deg) translateX(200px) rotateZ(79deg); opacity: 1; } 100% { transform: rotateZ(-79deg) rotateY(140deg) translateX(600px) rotateZ(79deg); } } .c:nth-child(293) { animation: orbit293 14s infinite; animation-delay: 2.93s; background-color: #00d7ff; } @keyframes orbit293 { 20% { opacity: 1; } 30% { transform: rotateZ(-78deg) rotateY(153deg) translateX(200px) rotateZ(78deg); } 80% { transform: rotateZ(-78deg) rotateY(153deg) translateX(200px) rotateZ(78deg); opacity: 1; } 100% { transform: rotateZ(-78deg) rotateY(153deg) translateX(600px) rotateZ(78deg); } } .c:nth-child(294) { animation: orbit294 14s infinite; animation-delay: 2.94s; background-color: #00d7ff; } @keyframes orbit294 { 20% { opacity: 1; } 30% { transform: rotateZ(-101deg) rotateY(87deg) translateX(200px) rotateZ(101deg); } 80% { transform: rotateZ(-101deg) rotateY(87deg) translateX(200px) rotateZ(101deg); opacity: 1; } 100% { transform: rotateZ(-101deg) rotateY(87deg) translateX(600px) rotateZ(101deg); } } .c:nth-child(295) { animation: orbit295 14s infinite; animation-delay: 2.95s; background-color: #00d7ff; } @keyframes orbit295 { 20% { opacity: 1; } 30% { transform: rotateZ(-204deg) rotateY(319deg) translateX(200px) rotateZ(204deg); } 80% { transform: rotateZ(-204deg) rotateY(319deg) translateX(200px) rotateZ(204deg); opacity: 1; } 100% { transform: rotateZ(-204deg) rotateY(319deg) translateX(600px) rotateZ(204deg); } } .c:nth-child(296) { animation: orbit296 14s infinite; animation-delay: 2.96s; background-color: #00d6ff; } @keyframes orbit296 { 20% { opacity: 1; } 30% { transform: rotateZ(-248deg) rotateY(133deg) translateX(200px) rotateZ(248deg); } 80% { transform: rotateZ(-248deg) rotateY(133deg) translateX(200px) rotateZ(248deg); opacity: 1; } 100% { transform: rotateZ(-248deg) rotateY(133deg) translateX(600px) rotateZ(248deg); } } .c:nth-child(297) { animation: orbit297 14s infinite; animation-delay: 2.97s; background-color: #00d6ff; } @keyframes orbit297 { 20% { opacity: 1; } 30% { transform: rotateZ(-141deg) rotateY(9deg) translateX(200px) rotateZ(141deg); } 80% { transform: rotateZ(-141deg) rotateY(9deg) translateX(200px) rotateZ(141deg); opacity: 1; } 100% { transform: rotateZ(-141deg) rotateY(9deg) translateX(600px) rotateZ(141deg); } } .c:nth-child(298) { animation: orbit298 14s infinite; animation-delay: 2.98s; background-color: #00d5ff; } @keyframes orbit298 { 20% { opacity: 1; } 30% { transform: rotateZ(-42deg) rotateY(312deg) translateX(200px) rotateZ(42deg); } 80% { transform: rotateZ(-42deg) rotateY(312deg) translateX(200px) rotateZ(42deg); opacity: 1; } 100% { transform: rotateZ(-42deg) rotateY(312deg) translateX(600px) rotateZ(42deg); } } .c:nth-child(299) { animation: orbit299 14s infinite; animation-delay: 2.99s; background-color: #00d5ff; } @keyframes orbit299 { 20% { opacity: 1; } 30% { transform: rotateZ(-149deg) rotateY(90deg) translateX(200px) rotateZ(149deg); } 80% { transform: rotateZ(-149deg) rotateY(90deg) translateX(200px) rotateZ(149deg); opacity: 1; } 100% { transform: rotateZ(-149deg) rotateY(90deg) translateX(600px) rotateZ(149deg); } } .c:nth-child(300) { animation: orbit300 14s infinite; animation-delay: 3s; background-color: #00d5ff; } @keyframes orbit300 { 20% { opacity: 1; } 30% { transform: rotateZ(-46deg) rotateY(353deg) translateX(200px) rotateZ(46deg); } 80% { transform: rotateZ(-46deg) rotateY(353deg) translateX(200px) rotateZ(46deg); opacity: 1; } 100% { transform: rotateZ(-46deg) rotateY(353deg) translateX(600px) rotateZ(46deg); } } .c:nth-child(301) { animation: orbit301 14s infinite; animation-delay: 3.01s; background-color: #00d4ff; } @keyframes orbit301 { 20% { opacity: 1; } 30% { transform: rotateZ(-334deg) rotateY(276deg) translateX(200px) rotateZ(334deg); } 80% { transform: rotateZ(-334deg) rotateY(276deg) translateX(200px) rotateZ(334deg); opacity: 1; } 100% { transform: rotateZ(-334deg) rotateY(276deg) translateX(600px) rotateZ(334deg); } } .c:nth-child(302) { animation: orbit302 14s infinite; animation-delay: 3.02s; background-color: #00d4ff; } @keyframes orbit302 { 20% { opacity: 1; } 30% { transform: rotateZ(-291deg) rotateY(41deg) translateX(200px) rotateZ(291deg); } 80% { transform: rotateZ(-291deg) rotateY(41deg) translateX(200px) rotateZ(291deg); opacity: 1; } 100% { transform: rotateZ(-291deg) rotateY(41deg) translateX(600px) rotateZ(291deg); } } .c:nth-child(303) { animation: orbit303 14s infinite; animation-delay: 3.03s; background-color: #00d3ff; } @keyframes orbit303 { 20% { opacity: 1; } 30% { transform: rotateZ(-333deg) rotateY(17deg) translateX(200px) rotateZ(333deg); } 80% { transform: rotateZ(-333deg) rotateY(17deg) translateX(200px) rotateZ(333deg); opacity: 1; } 100% { transform: rotateZ(-333deg) rotateY(17deg) translateX(600px) rotateZ(333deg); } } .c:nth-child(304) { animation: orbit304 14s infinite; animation-delay: 3.04s; background-color: #00d3ff; } @keyframes orbit304 { 20% { opacity: 1; } 30% { transform: rotateZ(-146deg) rotateY(302deg) translateX(200px) rotateZ(146deg); } 80% { transform: rotateZ(-146deg) rotateY(302deg) translateX(200px) rotateZ(146deg); opacity: 1; } 100% { transform: rotateZ(-146deg) rotateY(302deg) translateX(600px) rotateZ(146deg); } } .c:nth-child(305) { animation: orbit305 14s infinite; animation-delay: 3.05s; background-color: #00d2ff; } @keyframes orbit305 { 20% { opacity: 1; } 30% { transform: rotateZ(-118deg) rotateY(86deg) translateX(200px) rotateZ(118deg); } 80% { transform: rotateZ(-118deg) rotateY(86deg) translateX(200px) rotateZ(118deg); opacity: 1; } 100% { transform: rotateZ(-118deg) rotateY(86deg) translateX(600px) rotateZ(118deg); } } .c:nth-child(306) { animation: orbit306 14s infinite; animation-delay: 3.06s; background-color: #00d2ff; } @keyframes orbit306 { 20% { opacity: 1; } 30% { transform: rotateZ(-311deg) rotateY(311deg) translateX(200px) rotateZ(311deg); } 80% { transform: rotateZ(-311deg) rotateY(311deg) translateX(200px) rotateZ(311deg); opacity: 1; } 100% { transform: rotateZ(-311deg) rotateY(311deg) translateX(600px) rotateZ(311deg); } } .c:nth-child(307) { animation: orbit307 14s infinite; animation-delay: 3.07s; background-color: #00d2ff; } @keyframes orbit307 { 20% { opacity: 1; } 30% { transform: rotateZ(-43deg) rotateY(305deg) translateX(200px) rotateZ(43deg); } 80% { transform: rotateZ(-43deg) rotateY(305deg) translateX(200px) rotateZ(43deg); opacity: 1; } 100% { transform: rotateZ(-43deg) rotateY(305deg) translateX(600px) rotateZ(43deg); } } .c:nth-child(308) { animation: orbit308 14s infinite; animation-delay: 3.08s; background-color: #00d1ff; } @keyframes orbit308 { 20% { opacity: 1; } 30% { transform: rotateZ(-148deg) rotateY(167deg) translateX(200px) rotateZ(148deg); } 80% { transform: rotateZ(-148deg) rotateY(167deg) translateX(200px) rotateZ(148deg); opacity: 1; } 100% { transform: rotateZ(-148deg) rotateY(167deg) translateX(600px) rotateZ(148deg); } } .c:nth-child(309) { animation: orbit309 14s infinite; animation-delay: 3.09s; background-color: #00d1ff; } @keyframes orbit309 { 20% { opacity: 1; } 30% { transform: rotateZ(-65deg) rotateY(68deg) translateX(200px) rotateZ(65deg); } 80% { transform: rotateZ(-65deg) rotateY(68deg) translateX(200px) rotateZ(65deg); opacity: 1; } 100% { transform: rotateZ(-65deg) rotateY(68deg) translateX(600px) rotateZ(65deg); } } .c:nth-child(310) { animation: orbit310 14s infinite; animation-delay: 3.1s; background-color: #00d0ff; } @keyframes orbit310 { 20% { opacity: 1; } 30% { transform: rotateZ(-59deg) rotateY(211deg) translateX(200px) rotateZ(59deg); } 80% { transform: rotateZ(-59deg) rotateY(211deg) translateX(200px) rotateZ(59deg); opacity: 1; } 100% { transform: rotateZ(-59deg) rotateY(211deg) translateX(600px) rotateZ(59deg); } } .c:nth-child(311) { animation: orbit311 14s infinite; animation-delay: 3.11s; background-color: #00d0ff; } @keyframes orbit311 { 20% { opacity: 1; } 30% { transform: rotateZ(-90deg) rotateY(283deg) translateX(200px) rotateZ(90deg); } 80% { transform: rotateZ(-90deg) rotateY(283deg) translateX(200px) rotateZ(90deg); opacity: 1; } 100% { transform: rotateZ(-90deg) rotateY(283deg) translateX(600px) rotateZ(90deg); } } .c:nth-child(312) { animation: orbit312 14s infinite; animation-delay: 3.12s; background-color: #00cfff; } @keyframes orbit312 { 20% { opacity: 1; } 30% { transform: rotateZ(-296deg) rotateY(247deg) translateX(200px) rotateZ(296deg); } 80% { transform: rotateZ(-296deg) rotateY(247deg) translateX(200px) rotateZ(296deg); opacity: 1; } 100% { transform: rotateZ(-296deg) rotateY(247deg) translateX(600px) rotateZ(296deg); } } .c:nth-child(313) { animation: orbit313 14s infinite; animation-delay: 3.13s; background-color: #00cfff; } @keyframes orbit313 { 20% { opacity: 1; } 30% { transform: rotateZ(-80deg) rotateY(238deg) translateX(200px) rotateZ(80deg); } 80% { transform: rotateZ(-80deg) rotateY(238deg) translateX(200px) rotateZ(80deg); opacity: 1; } 100% { transform: rotateZ(-80deg) rotateY(238deg) translateX(600px) rotateZ(80deg); } } .c:nth-child(314) { animation: orbit314 14s infinite; animation-delay: 3.14s; background-color: #00cfff; } @keyframes orbit314 { 20% { opacity: 1; } 30% { transform: rotateZ(-246deg) rotateY(255deg) translateX(200px) rotateZ(246deg); } 80% { transform: rotateZ(-246deg) rotateY(255deg) translateX(200px) rotateZ(246deg); opacity: 1; } 100% { transform: rotateZ(-246deg) rotateY(255deg) translateX(600px) rotateZ(246deg); } } .c:nth-child(315) { animation: orbit315 14s infinite; animation-delay: 3.15s; background-color: #00ceff; } @keyframes orbit315 { 20% { opacity: 1; } 30% { transform: rotateZ(-154deg) rotateY(61deg) translateX(200px) rotateZ(154deg); } 80% { transform: rotateZ(-154deg) rotateY(61deg) translateX(200px) rotateZ(154deg); opacity: 1; } 100% { transform: rotateZ(-154deg) rotateY(61deg) translateX(600px) rotateZ(154deg); } } .c:nth-child(316) { animation: orbit316 14s infinite; animation-delay: 3.16s; background-color: #00ceff; } @keyframes orbit316 { 20% { opacity: 1; } 30% { transform: rotateZ(-250deg) rotateY(290deg) translateX(200px) rotateZ(250deg); } 80% { transform: rotateZ(-250deg) rotateY(290deg) translateX(200px) rotateZ(250deg); opacity: 1; } 100% { transform: rotateZ(-250deg) rotateY(290deg) translateX(600px) rotateZ(250deg); } } .c:nth-child(317) { animation: orbit317 14s infinite; animation-delay: 3.17s; background-color: #00cdff; } @keyframes orbit317 { 20% { opacity: 1; } 30% { transform: rotateZ(-356deg) rotateY(60deg) translateX(200px) rotateZ(356deg); } 80% { transform: rotateZ(-356deg) rotateY(60deg) translateX(200px) rotateZ(356deg); opacity: 1; } 100% { transform: rotateZ(-356deg) rotateY(60deg) translateX(600px) rotateZ(356deg); } } .c:nth-child(318) { animation: orbit318 14s infinite; animation-delay: 3.18s; background-color: #00cdff; } @keyframes orbit318 { 20% { opacity: 1; } 30% { transform: rotateZ(-106deg) rotateY(346deg) translateX(200px) rotateZ(106deg); } 80% { transform: rotateZ(-106deg) rotateY(346deg) translateX(200px) rotateZ(106deg); opacity: 1; } 100% { transform: rotateZ(-106deg) rotateY(346deg) translateX(600px) rotateZ(106deg); } } .c:nth-child(319) { animation: orbit319 14s infinite; animation-delay: 3.19s; background-color: #00ccff; } @keyframes orbit319 { 20% { opacity: 1; } 30% { transform: rotateZ(-204deg) rotateY(170deg) translateX(200px) rotateZ(204deg); } 80% { transform: rotateZ(-204deg) rotateY(170deg) translateX(200px) rotateZ(204deg); opacity: 1; } 100% { transform: rotateZ(-204deg) rotateY(170deg) translateX(600px) rotateZ(204deg); } } .c:nth-child(320) { animation: orbit320 14s infinite; animation-delay: 3.2s; background-color: #00ccff; } @keyframes orbit320 { 20% { opacity: 1; } 30% { transform: rotateZ(-8deg) rotateY(280deg) translateX(200px) rotateZ(8deg); } 80% { transform: rotateZ(-8deg) rotateY(280deg) translateX(200px) rotateZ(8deg); opacity: 1; } 100% { transform: rotateZ(-8deg) rotateY(280deg) translateX(600px) rotateZ(8deg); } } .c:nth-child(321) { animation: orbit321 14s infinite; animation-delay: 3.21s; background-color: #00ccff; } @keyframes orbit321 { 20% { opacity: 1; } 30% { transform: rotateZ(-1deg) rotateY(19deg) translateX(200px) rotateZ(1deg); } 80% { transform: rotateZ(-1deg) rotateY(19deg) translateX(200px) rotateZ(1deg); opacity: 1; } 100% { transform: rotateZ(-1deg) rotateY(19deg) translateX(600px) rotateZ(1deg); } } .c:nth-child(322) { animation: orbit322 14s infinite; animation-delay: 3.22s; background-color: #00cbff; } @keyframes orbit322 { 20% { opacity: 1; } 30% { transform: rotateZ(-309deg) rotateY(95deg) translateX(200px) rotateZ(309deg); } 80% { transform: rotateZ(-309deg) rotateY(95deg) translateX(200px) rotateZ(309deg); opacity: 1; } 100% { transform: rotateZ(-309deg) rotateY(95deg) translateX(600px) rotateZ(309deg); } } .c:nth-child(323) { animation: orbit323 14s infinite; animation-delay: 3.23s; background-color: #00cbff; } @keyframes orbit323 { 20% { opacity: 1; } 30% { transform: rotateZ(-290deg) rotateY(270deg) translateX(200px) rotateZ(290deg); } 80% { transform: rotateZ(-290deg) rotateY(270deg) translateX(200px) rotateZ(290deg); opacity: 1; } 100% { transform: rotateZ(-290deg) rotateY(270deg) translateX(600px) rotateZ(290deg); } } .c:nth-child(324) { animation: orbit324 14s infinite; animation-delay: 3.24s; background-color: #00caff; } @keyframes orbit324 { 20% { opacity: 1; } 30% { transform: rotateZ(-35deg) rotateY(148deg) translateX(200px) rotateZ(35deg); } 80% { transform: rotateZ(-35deg) rotateY(148deg) translateX(200px) rotateZ(35deg); opacity: 1; } 100% { transform: rotateZ(-35deg) rotateY(148deg) translateX(600px) rotateZ(35deg); } } .c:nth-child(325) { animation: orbit325 14s infinite; animation-delay: 3.25s; background-color: #00caff; } @keyframes orbit325 { 20% { opacity: 1; } 30% { transform: rotateZ(-173deg) rotateY(341deg) translateX(200px) rotateZ(173deg); } 80% { transform: rotateZ(-173deg) rotateY(341deg) translateX(200px) rotateZ(173deg); opacity: 1; } 100% { transform: rotateZ(-173deg) rotateY(341deg) translateX(600px) rotateZ(173deg); } } .c:nth-child(326) { animation: orbit326 14s infinite; animation-delay: 3.26s; background-color: #00c9ff; } @keyframes orbit326 { 20% { opacity: 1; } 30% { transform: rotateZ(-81deg) rotateY(124deg) translateX(200px) rotateZ(81deg); } 80% { transform: rotateZ(-81deg) rotateY(124deg) translateX(200px) rotateZ(81deg); opacity: 1; } 100% { transform: rotateZ(-81deg) rotateY(124deg) translateX(600px) rotateZ(81deg); } } .c:nth-child(327) { animation: orbit327 14s infinite; animation-delay: 3.27s; background-color: #00c9ff; } @keyframes orbit327 { 20% { opacity: 1; } 30% { transform: rotateZ(-295deg) rotateY(45deg) translateX(200px) rotateZ(295deg); } 80% { transform: rotateZ(-295deg) rotateY(45deg) translateX(200px) rotateZ(295deg); opacity: 1; } 100% { transform: rotateZ(-295deg) rotateY(45deg) translateX(600px) rotateZ(295deg); } } .c:nth-child(328) { animation: orbit328 14s infinite; animation-delay: 3.28s; background-color: #00c9ff; } @keyframes orbit328 { 20% { opacity: 1; } 30% { transform: rotateZ(-194deg) rotateY(48deg) translateX(200px) rotateZ(194deg); } 80% { transform: rotateZ(-194deg) rotateY(48deg) translateX(200px) rotateZ(194deg); opacity: 1; } 100% { transform: rotateZ(-194deg) rotateY(48deg) translateX(600px) rotateZ(194deg); } } .c:nth-child(329) { animation: orbit329 14s infinite; animation-delay: 3.29s; background-color: #00c8ff; } @keyframes orbit329 { 20% { opacity: 1; } 30% { transform: rotateZ(-140deg) rotateY(284deg) translateX(200px) rotateZ(140deg); } 80% { transform: rotateZ(-140deg) rotateY(284deg) translateX(200px) rotateZ(140deg); opacity: 1; } 100% { transform: rotateZ(-140deg) rotateY(284deg) translateX(600px) rotateZ(140deg); } } .c:nth-child(330) { animation: orbit330 14s infinite; animation-delay: 3.3s; background-color: #00c8ff; } @keyframes orbit330 { 20% { opacity: 1; } 30% { transform: rotateZ(-332deg) rotateY(107deg) translateX(200px) rotateZ(332deg); } 80% { transform: rotateZ(-332deg) rotateY(107deg) translateX(200px) rotateZ(332deg); opacity: 1; } 100% { transform: rotateZ(-332deg) rotateY(107deg) translateX(600px) rotateZ(332deg); } } .c:nth-child(331) { animation: orbit331 14s infinite; animation-delay: 3.31s; background-color: #00c7ff; } @keyframes orbit331 { 20% { opacity: 1; } 30% { transform: rotateZ(-40deg) rotateY(220deg) translateX(200px) rotateZ(40deg); } 80% { transform: rotateZ(-40deg) rotateY(220deg) translateX(200px) rotateZ(40deg); opacity: 1; } 100% { transform: rotateZ(-40deg) rotateY(220deg) translateX(600px) rotateZ(40deg); } } .c:nth-child(332) { animation: orbit332 14s infinite; animation-delay: 3.32s; background-color: #00c7ff; } @keyframes orbit332 { 20% { opacity: 1; } 30% { transform: rotateZ(-80deg) rotateY(337deg) translateX(200px) rotateZ(80deg); } 80% { transform: rotateZ(-80deg) rotateY(337deg) translateX(200px) rotateZ(80deg); opacity: 1; } 100% { transform: rotateZ(-80deg) rotateY(337deg) translateX(600px) rotateZ(80deg); } } .c:nth-child(333) { animation: orbit333 14s infinite; animation-delay: 3.33s; background-color: #00c6ff; } @keyframes orbit333 { 20% { opacity: 1; } 30% { transform: rotateZ(-166deg) rotateY(18deg) translateX(200px) rotateZ(166deg); } 80% { transform: rotateZ(-166deg) rotateY(18deg) translateX(200px) rotateZ(166deg); opacity: 1; } 100% { transform: rotateZ(-166deg) rotateY(18deg) translateX(600px) rotateZ(166deg); } } .c:nth-child(334) { animation: orbit334 14s infinite; animation-delay: 3.34s; background-color: #00c6ff; } @keyframes orbit334 { 20% { opacity: 1; } 30% { transform: rotateZ(-318deg) rotateY(149deg) translateX(200px) rotateZ(318deg); } 80% { transform: rotateZ(-318deg) rotateY(149deg) translateX(200px) rotateZ(318deg); opacity: 1; } 100% { transform: rotateZ(-318deg) rotateY(149deg) translateX(600px) rotateZ(318deg); } } .c:nth-child(335) { animation: orbit335 14s infinite; animation-delay: 3.35s; background-color: #00c6ff; } @keyframes orbit335 { 20% { opacity: 1; } 30% { transform: rotateZ(-150deg) rotateY(224deg) translateX(200px) rotateZ(150deg); } 80% { transform: rotateZ(-150deg) rotateY(224deg) translateX(200px) rotateZ(150deg); opacity: 1; } 100% { transform: rotateZ(-150deg) rotateY(224deg) translateX(600px) rotateZ(150deg); } } .c:nth-child(336) { animation: orbit336 14s infinite; animation-delay: 3.36s; background-color: #00c5ff; } @keyframes orbit336 { 20% { opacity: 1; } 30% { transform: rotateZ(-200deg) rotateY(36deg) translateX(200px) rotateZ(200deg); } 80% { transform: rotateZ(-200deg) rotateY(36deg) translateX(200px) rotateZ(200deg); opacity: 1; } 100% { transform: rotateZ(-200deg) rotateY(36deg) translateX(600px) rotateZ(200deg); } } .c:nth-child(337) { animation: orbit337 14s infinite; animation-delay: 3.37s; background-color: #00c5ff; } @keyframes orbit337 { 20% { opacity: 1; } 30% { transform: rotateZ(-27deg) rotateY(156deg) translateX(200px) rotateZ(27deg); } 80% { transform: rotateZ(-27deg) rotateY(156deg) translateX(200px) rotateZ(27deg); opacity: 1; } 100% { transform: rotateZ(-27deg) rotateY(156deg) translateX(600px) rotateZ(27deg); } } .c:nth-child(338) { animation: orbit338 14s infinite; animation-delay: 3.38s; background-color: #00c4ff; } @keyframes orbit338 { 20% { opacity: 1; } 30% { transform: rotateZ(-80deg) rotateY(46deg) translateX(200px) rotateZ(80deg); } 80% { transform: rotateZ(-80deg) rotateY(46deg) translateX(200px) rotateZ(80deg); opacity: 1; } 100% { transform: rotateZ(-80deg) rotateY(46deg) translateX(600px) rotateZ(80deg); } } .c:nth-child(339) { animation: orbit339 14s infinite; animation-delay: 3.39s; background-color: #00c4ff; } @keyframes orbit339 { 20% { opacity: 1; } 30% { transform: rotateZ(-284deg) rotateY(20deg) translateX(200px) rotateZ(284deg); } 80% { transform: rotateZ(-284deg) rotateY(20deg) translateX(200px) rotateZ(284deg); opacity: 1; } 100% { transform: rotateZ(-284deg) rotateY(20deg) translateX(600px) rotateZ(284deg); } } .c:nth-child(340) { animation: orbit340 14s infinite; animation-delay: 3.4s; background-color: #00c4ff; } @keyframes orbit340 { 20% { opacity: 1; } 30% { transform: rotateZ(-27deg) rotateY(235deg) translateX(200px) rotateZ(27deg); } 80% { transform: rotateZ(-27deg) rotateY(235deg) translateX(200px) rotateZ(27deg); opacity: 1; } 100% { transform: rotateZ(-27deg) rotateY(235deg) translateX(600px) rotateZ(27deg); } } .c:nth-child(341) { animation: orbit341 14s infinite; animation-delay: 3.41s; background-color: #00c3ff; } @keyframes orbit341 { 20% { opacity: 1; } 30% { transform: rotateZ(-15deg) rotateY(8deg) translateX(200px) rotateZ(15deg); } 80% { transform: rotateZ(-15deg) rotateY(8deg) translateX(200px) rotateZ(15deg); opacity: 1; } 100% { transform: rotateZ(-15deg) rotateY(8deg) translateX(600px) rotateZ(15deg); } } .c:nth-child(342) { animation: orbit342 14s infinite; animation-delay: 3.42s; background-color: #00c3ff; } @keyframes orbit342 { 20% { opacity: 1; } 30% { transform: rotateZ(-51deg) rotateY(246deg) translateX(200px) rotateZ(51deg); } 80% { transform: rotateZ(-51deg) rotateY(246deg) translateX(200px) rotateZ(51deg); opacity: 1; } 100% { transform: rotateZ(-51deg) rotateY(246deg) translateX(600px) rotateZ(51deg); } } .c:nth-child(343) { animation: orbit343 14s infinite; animation-delay: 3.43s; background-color: #00c2ff; } @keyframes orbit343 { 20% { opacity: 1; } 30% { transform: rotateZ(-41deg) rotateY(305deg) translateX(200px) rotateZ(41deg); } 80% { transform: rotateZ(-41deg) rotateY(305deg) translateX(200px) rotateZ(41deg); opacity: 1; } 100% { transform: rotateZ(-41deg) rotateY(305deg) translateX(600px) rotateZ(41deg); } } .c:nth-child(344) { animation: orbit344 14s infinite; animation-delay: 3.44s; background-color: #00c2ff; } @keyframes orbit344 { 20% { opacity: 1; } 30% { transform: rotateZ(-248deg) rotateY(208deg) translateX(200px) rotateZ(248deg); } 80% { transform: rotateZ(-248deg) rotateY(208deg) translateX(200px) rotateZ(248deg); opacity: 1; } 100% { transform: rotateZ(-248deg) rotateY(208deg) translateX(600px) rotateZ(248deg); } } .c:nth-child(345) { animation: orbit345 14s infinite; animation-delay: 3.45s; background-color: #00c1ff; } @keyframes orbit345 { 20% { opacity: 1; } 30% { transform: rotateZ(-283deg) rotateY(294deg) translateX(200px) rotateZ(283deg); } 80% { transform: rotateZ(-283deg) rotateY(294deg) translateX(200px) rotateZ(283deg); opacity: 1; } 100% { transform: rotateZ(-283deg) rotateY(294deg) translateX(600px) rotateZ(283deg); } } .c:nth-child(346) { animation: orbit346 14s infinite; animation-delay: 3.46s; background-color: #00c1ff; } @keyframes orbit346 { 20% { opacity: 1; } 30% { transform: rotateZ(-123deg) rotateY(37deg) translateX(200px) rotateZ(123deg); } 80% { transform: rotateZ(-123deg) rotateY(37deg) translateX(200px) rotateZ(123deg); opacity: 1; } 100% { transform: rotateZ(-123deg) rotateY(37deg) translateX(600px) rotateZ(123deg); } } .c:nth-child(347) { animation: orbit347 14s infinite; animation-delay: 3.47s; background-color: #00c1ff; } @keyframes orbit347 { 20% { opacity: 1; } 30% { transform: rotateZ(-210deg) rotateY(165deg) translateX(200px) rotateZ(210deg); } 80% { transform: rotateZ(-210deg) rotateY(165deg) translateX(200px) rotateZ(210deg); opacity: 1; } 100% { transform: rotateZ(-210deg) rotateY(165deg) translateX(600px) rotateZ(210deg); } } .c:nth-child(348) { animation: orbit348 14s infinite; animation-delay: 3.48s; background-color: #00c0ff; } @keyframes orbit348 { 20% { opacity: 1; } 30% { transform: rotateZ(-353deg) rotateY(43deg) translateX(200px) rotateZ(353deg); } 80% { transform: rotateZ(-353deg) rotateY(43deg) translateX(200px) rotateZ(353deg); opacity: 1; } 100% { transform: rotateZ(-353deg) rotateY(43deg) translateX(600px) rotateZ(353deg); } } .c:nth-child(349) { animation: orbit349 14s infinite; animation-delay: 3.49s; background-color: #00c0ff; } @keyframes orbit349 { 20% { opacity: 1; } 30% { transform: rotateZ(-118deg) rotateY(36deg) translateX(200px) rotateZ(118deg); } 80% { transform: rotateZ(-118deg) rotateY(36deg) translateX(200px) rotateZ(118deg); opacity: 1; } 100% { transform: rotateZ(-118deg) rotateY(36deg) translateX(600px) rotateZ(118deg); } } .c:nth-child(350) { animation: orbit350 14s infinite; animation-delay: 3.5s; background-color: deepskyblue; } @keyframes orbit350 { 20% { opacity: 1; } 30% { transform: rotateZ(-112deg) rotateY(235deg) translateX(200px) rotateZ(112deg); } 80% { transform: rotateZ(-112deg) rotateY(235deg) translateX(200px) rotateZ(112deg); opacity: 1; } 100% { transform: rotateZ(-112deg) rotateY(235deg) translateX(600px) rotateZ(112deg); } } .c:nth-child(351) { animation: orbit351 14s infinite; animation-delay: 3.51s; background-color: deepskyblue; } @keyframes orbit351 { 20% { opacity: 1; } 30% { transform: rotateZ(-79deg) rotateY(57deg) translateX(200px) rotateZ(79deg); } 80% { transform: rotateZ(-79deg) rotateY(57deg) translateX(200px) rotateZ(79deg); opacity: 1; } 100% { transform: rotateZ(-79deg) rotateY(57deg) translateX(600px) rotateZ(79deg); } } .c:nth-child(352) { animation: orbit352 14s infinite; animation-delay: 3.52s; background-color: #00beff; } @keyframes orbit352 { 20% { opacity: 1; } 30% { transform: rotateZ(-274deg) rotateY(166deg) translateX(200px) rotateZ(274deg); } 80% { transform: rotateZ(-274deg) rotateY(166deg) translateX(200px) rotateZ(274deg); opacity: 1; } 100% { transform: rotateZ(-274deg) rotateY(166deg) translateX(600px) rotateZ(274deg); } } .c:nth-child(353) { animation: orbit353 14s infinite; animation-delay: 3.53s; background-color: #00beff; } @keyframes orbit353 { 20% { opacity: 1; } 30% { transform: rotateZ(-58deg) rotateY(265deg) translateX(200px) rotateZ(58deg); } 80% { transform: rotateZ(-58deg) rotateY(265deg) translateX(200px) rotateZ(58deg); opacity: 1; } 100% { transform: rotateZ(-58deg) rotateY(265deg) translateX(600px) rotateZ(58deg); } } .c:nth-child(354) { animation: orbit354 14s infinite; animation-delay: 3.54s; background-color: #00beff; } @keyframes orbit354 { 20% { opacity: 1; } 30% { transform: rotateZ(-263deg) rotateY(344deg) translateX(200px) rotateZ(263deg); } 80% { transform: rotateZ(-263deg) rotateY(344deg) translateX(200px) rotateZ(263deg); opacity: 1; } 100% { transform: rotateZ(-263deg) rotateY(344deg) translateX(600px) rotateZ(263deg); } } .c:nth-child(355) { animation: orbit355 14s infinite; animation-delay: 3.55s; background-color: #00bdff; } @keyframes orbit355 { 20% { opacity: 1; } 30% { transform: rotateZ(-318deg) rotateY(80deg) translateX(200px) rotateZ(318deg); } 80% { transform: rotateZ(-318deg) rotateY(80deg) translateX(200px) rotateZ(318deg); opacity: 1; } 100% { transform: rotateZ(-318deg) rotateY(80deg) translateX(600px) rotateZ(318deg); } } .c:nth-child(356) { animation: orbit356 14s infinite; animation-delay: 3.56s; background-color: #00bdff; } @keyframes orbit356 { 20% { opacity: 1; } 30% { transform: rotateZ(-198deg) rotateY(32deg) translateX(200px) rotateZ(198deg); } 80% { transform: rotateZ(-198deg) rotateY(32deg) translateX(200px) rotateZ(198deg); opacity: 1; } 100% { transform: rotateZ(-198deg) rotateY(32deg) translateX(600px) rotateZ(198deg); } } .c:nth-child(357) { animation: orbit357 14s infinite; animation-delay: 3.57s; background-color: #00bcff; } @keyframes orbit357 { 20% { opacity: 1; } 30% { transform: rotateZ(-283deg) rotateY(88deg) translateX(200px) rotateZ(283deg); } 80% { transform: rotateZ(-283deg) rotateY(88deg) translateX(200px) rotateZ(283deg); opacity: 1; } 100% { transform: rotateZ(-283deg) rotateY(88deg) translateX(600px) rotateZ(283deg); } } .c:nth-child(358) { animation: orbit358 14s infinite; animation-delay: 3.58s; background-color: #00bcff; } @keyframes orbit358 { 20% { opacity: 1; } 30% { transform: rotateZ(-47deg) rotateY(264deg) translateX(200px) rotateZ(47deg); } 80% { transform: rotateZ(-47deg) rotateY(264deg) translateX(200px) rotateZ(47deg); opacity: 1; } 100% { transform: rotateZ(-47deg) rotateY(264deg) translateX(600px) rotateZ(47deg); } } .c:nth-child(359) { animation: orbit359 14s infinite; animation-delay: 3.59s; background-color: #00bbff; } @keyframes orbit359 { 20% { opacity: 1; } 30% { transform: rotateZ(-355deg) rotateY(330deg) translateX(200px) rotateZ(355deg); } 80% { transform: rotateZ(-355deg) rotateY(330deg) translateX(200px) rotateZ(355deg); opacity: 1; } 100% { transform: rotateZ(-355deg) rotateY(330deg) translateX(600px) rotateZ(355deg); } } .c:nth-child(360) { animation: orbit360 14s infinite; animation-delay: 3.6s; background-color: #00bbff; } @keyframes orbit360 { 20% { opacity: 1; } 30% { transform: rotateZ(-118deg) rotateY(247deg) translateX(200px) rotateZ(118deg); } 80% { transform: rotateZ(-118deg) rotateY(247deg) translateX(200px) rotateZ(118deg); opacity: 1; } 100% { transform: rotateZ(-118deg) rotateY(247deg) translateX(600px) rotateZ(118deg); } } .c:nth-child(361) { animation: orbit361 14s infinite; animation-delay: 3.61s; background-color: #00bbff; } @keyframes orbit361 { 20% { opacity: 1; } 30% { transform: rotateZ(-273deg) rotateY(332deg) translateX(200px) rotateZ(273deg); } 80% { transform: rotateZ(-273deg) rotateY(332deg) translateX(200px) rotateZ(273deg); opacity: 1; } 100% { transform: rotateZ(-273deg) rotateY(332deg) translateX(600px) rotateZ(273deg); } } .c:nth-child(362) { animation: orbit362 14s infinite; animation-delay: 3.62s; background-color: #00baff; } @keyframes orbit362 { 20% { opacity: 1; } 30% { transform: rotateZ(-33deg) rotateY(172deg) translateX(200px) rotateZ(33deg); } 80% { transform: rotateZ(-33deg) rotateY(172deg) translateX(200px) rotateZ(33deg); opacity: 1; } 100% { transform: rotateZ(-33deg) rotateY(172deg) translateX(600px) rotateZ(33deg); } } .c:nth-child(363) { animation: orbit363 14s infinite; animation-delay: 3.63s; background-color: #00baff; } @keyframes orbit363 { 20% { opacity: 1; } 30% { transform: rotateZ(-10deg) rotateY(21deg) translateX(200px) rotateZ(10deg); } 80% { transform: rotateZ(-10deg) rotateY(21deg) translateX(200px) rotateZ(10deg); opacity: 1; } 100% { transform: rotateZ(-10deg) rotateY(21deg) translateX(600px) rotateZ(10deg); } } .c:nth-child(364) { animation: orbit364 14s infinite; animation-delay: 3.64s; background-color: #00b9ff; } @keyframes orbit364 { 20% { opacity: 1; } 30% { transform: rotateZ(-234deg) rotateY(170deg) translateX(200px) rotateZ(234deg); } 80% { transform: rotateZ(-234deg) rotateY(170deg) translateX(200px) rotateZ(234deg); opacity: 1; } 100% { transform: rotateZ(-234deg) rotateY(170deg) translateX(600px) rotateZ(234deg); } } .c:nth-child(365) { animation: orbit365 14s infinite; animation-delay: 3.65s; background-color: #00b9ff; } @keyframes orbit365 { 20% { opacity: 1; } 30% { transform: rotateZ(-345deg) rotateY(221deg) translateX(200px) rotateZ(345deg); } 80% { transform: rotateZ(-345deg) rotateY(221deg) translateX(200px) rotateZ(345deg); opacity: 1; } 100% { transform: rotateZ(-345deg) rotateY(221deg) translateX(600px) rotateZ(345deg); } } .c:nth-child(366) { animation: orbit366 14s infinite; animation-delay: 3.66s; background-color: #00b8ff; } @keyframes orbit366 { 20% { opacity: 1; } 30% { transform: rotateZ(-257deg) rotateY(44deg) translateX(200px) rotateZ(257deg); } 80% { transform: rotateZ(-257deg) rotateY(44deg) translateX(200px) rotateZ(257deg); opacity: 1; } 100% { transform: rotateZ(-257deg) rotateY(44deg) translateX(600px) rotateZ(257deg); } } .c:nth-child(367) { animation: orbit367 14s infinite; animation-delay: 3.67s; background-color: #00b8ff; } @keyframes orbit367 { 20% { opacity: 1; } 30% { transform: rotateZ(-137deg) rotateY(238deg) translateX(200px) rotateZ(137deg); } 80% { transform: rotateZ(-137deg) rotateY(238deg) translateX(200px) rotateZ(137deg); opacity: 1; } 100% { transform: rotateZ(-137deg) rotateY(238deg) translateX(600px) rotateZ(137deg); } } .c:nth-child(368) { animation: orbit368 14s infinite; animation-delay: 3.68s; background-color: #00b8ff; } @keyframes orbit368 { 20% { opacity: 1; } 30% { transform: rotateZ(-22deg) rotateY(76deg) translateX(200px) rotateZ(22deg); } 80% { transform: rotateZ(-22deg) rotateY(76deg) translateX(200px) rotateZ(22deg); opacity: 1; } 100% { transform: rotateZ(-22deg) rotateY(76deg) translateX(600px) rotateZ(22deg); } } .c:nth-child(369) { animation: orbit369 14s infinite; animation-delay: 3.69s; background-color: #00b7ff; } @keyframes orbit369 { 20% { opacity: 1; } 30% { transform: rotateZ(-249deg) rotateY(235deg) translateX(200px) rotateZ(249deg); } 80% { transform: rotateZ(-249deg) rotateY(235deg) translateX(200px) rotateZ(249deg); opacity: 1; } 100% { transform: rotateZ(-249deg) rotateY(235deg) translateX(600px) rotateZ(249deg); } } .c:nth-child(370) { animation: orbit370 14s infinite; animation-delay: 3.7s; background-color: #00b7ff; } @keyframes orbit370 { 20% { opacity: 1; } 30% { transform: rotateZ(-36deg) rotateY(97deg) translateX(200px) rotateZ(36deg); } 80% { transform: rotateZ(-36deg) rotateY(97deg) translateX(200px) rotateZ(36deg); opacity: 1; } 100% { transform: rotateZ(-36deg) rotateY(97deg) translateX(600px) rotateZ(36deg); } } .c:nth-child(371) { animation: orbit371 14s infinite; animation-delay: 3.71s; background-color: #00b6ff; } @keyframes orbit371 { 20% { opacity: 1; } 30% { transform: rotateZ(-292deg) rotateY(184deg) translateX(200px) rotateZ(292deg); } 80% { transform: rotateZ(-292deg) rotateY(184deg) translateX(200px) rotateZ(292deg); opacity: 1; } 100% { transform: rotateZ(-292deg) rotateY(184deg) translateX(600px) rotateZ(292deg); } } .c:nth-child(372) { animation: orbit372 14s infinite; animation-delay: 3.72s; background-color: #00b6ff; } @keyframes orbit372 { 20% { opacity: 1; } 30% { transform: rotateZ(-130deg) rotateY(241deg) translateX(200px) rotateZ(130deg); } 80% { transform: rotateZ(-130deg) rotateY(241deg) translateX(200px) rotateZ(130deg); opacity: 1; } 100% { transform: rotateZ(-130deg) rotateY(241deg) translateX(600px) rotateZ(130deg); } } .c:nth-child(373) { animation: orbit373 14s infinite; animation-delay: 3.73s; background-color: #00b5ff; } @keyframes orbit373 { 20% { opacity: 1; } 30% { transform: rotateZ(-209deg) rotateY(235deg) translateX(200px) rotateZ(209deg); } 80% { transform: rotateZ(-209deg) rotateY(235deg) translateX(200px) rotateZ(209deg); opacity: 1; } 100% { transform: rotateZ(-209deg) rotateY(235deg) translateX(600px) rotateZ(209deg); } } .c:nth-child(374) { animation: orbit374 14s infinite; animation-delay: 3.74s; background-color: #00b5ff; } @keyframes orbit374 { 20% { opacity: 1; } 30% { transform: rotateZ(-118deg) rotateY(331deg) translateX(200px) rotateZ(118deg); } 80% { transform: rotateZ(-118deg) rotateY(331deg) translateX(200px) rotateZ(118deg); opacity: 1; } 100% { transform: rotateZ(-118deg) rotateY(331deg) translateX(600px) rotateZ(118deg); } } .c:nth-child(375) { animation: orbit375 14s infinite; animation-delay: 3.75s; background-color: #00b5ff; } @keyframes orbit375 { 20% { opacity: 1; } 30% { transform: rotateZ(-168deg) rotateY(115deg) translateX(200px) rotateZ(168deg); } 80% { transform: rotateZ(-168deg) rotateY(115deg) translateX(200px) rotateZ(168deg); opacity: 1; } 100% { transform: rotateZ(-168deg) rotateY(115deg) translateX(600px) rotateZ(168deg); } } .c:nth-child(376) { animation: orbit376 14s infinite; animation-delay: 3.76s; background-color: #00b4ff; } @keyframes orbit376 { 20% { opacity: 1; } 30% { transform: rotateZ(-111deg) rotateY(61deg) translateX(200px) rotateZ(111deg); } 80% { transform: rotateZ(-111deg) rotateY(61deg) translateX(200px) rotateZ(111deg); opacity: 1; } 100% { transform: rotateZ(-111deg) rotateY(61deg) translateX(600px) rotateZ(111deg); } } .c:nth-child(377) { animation: orbit377 14s infinite; animation-delay: 3.77s; background-color: #00b4ff; } @keyframes orbit377 { 20% { opacity: 1; } 30% { transform: rotateZ(-94deg) rotateY(341deg) translateX(200px) rotateZ(94deg); } 80% { transform: rotateZ(-94deg) rotateY(341deg) translateX(200px) rotateZ(94deg); opacity: 1; } 100% { transform: rotateZ(-94deg) rotateY(341deg) translateX(600px) rotateZ(94deg); } } .c:nth-child(378) { animation: orbit378 14s infinite; animation-delay: 3.78s; background-color: #00b3ff; } @keyframes orbit378 { 20% { opacity: 1; } 30% { transform: rotateZ(-248deg) rotateY(227deg) translateX(200px) rotateZ(248deg); } 80% { transform: rotateZ(-248deg) rotateY(227deg) translateX(200px) rotateZ(248deg); opacity: 1; } 100% { transform: rotateZ(-248deg) rotateY(227deg) translateX(600px) rotateZ(248deg); } } .c:nth-child(379) { animation: orbit379 14s infinite; animation-delay: 3.79s; background-color: #00b3ff; } @keyframes orbit379 { 20% { opacity: 1; } 30% { transform: rotateZ(-137deg) rotateY(252deg) translateX(200px) rotateZ(137deg); } 80% { transform: rotateZ(-137deg) rotateY(252deg) translateX(200px) rotateZ(137deg); opacity: 1; } 100% { transform: rotateZ(-137deg) rotateY(252deg) translateX(600px) rotateZ(137deg); } } .c:nth-child(380) { animation: orbit380 14s infinite; animation-delay: 3.8s; background-color: #00b3ff; } @keyframes orbit380 { 20% { opacity: 1; } 30% { transform: rotateZ(-300deg) rotateY(281deg) translateX(200px) rotateZ(300deg); } 80% { transform: rotateZ(-300deg) rotateY(281deg) translateX(200px) rotateZ(300deg); opacity: 1; } 100% { transform: rotateZ(-300deg) rotateY(281deg) translateX(600px) rotateZ(300deg); } } .c:nth-child(381) { animation: orbit381 14s infinite; animation-delay: 3.81s; background-color: #00b2ff; } @keyframes orbit381 { 20% { opacity: 1; } 30% { transform: rotateZ(-149deg) rotateY(288deg) translateX(200px) rotateZ(149deg); } 80% { transform: rotateZ(-149deg) rotateY(288deg) translateX(200px) rotateZ(149deg); opacity: 1; } 100% { transform: rotateZ(-149deg) rotateY(288deg) translateX(600px) rotateZ(149deg); } } .c:nth-child(382) { animation: orbit382 14s infinite; animation-delay: 3.82s; background-color: #00b2ff; } @keyframes orbit382 { 20% { opacity: 1; } 30% { transform: rotateZ(-325deg) rotateY(271deg) translateX(200px) rotateZ(325deg); } 80% { transform: rotateZ(-325deg) rotateY(271deg) translateX(200px) rotateZ(325deg); opacity: 1; } 100% { transform: rotateZ(-325deg) rotateY(271deg) translateX(600px) rotateZ(325deg); } } .c:nth-child(383) { animation: orbit383 14s infinite; animation-delay: 3.83s; background-color: #00b1ff; } @keyframes orbit383 { 20% { opacity: 1; } 30% { transform: rotateZ(-76deg) rotateY(268deg) translateX(200px) rotateZ(76deg); } 80% { transform: rotateZ(-76deg) rotateY(268deg) translateX(200px) rotateZ(76deg); opacity: 1; } 100% { transform: rotateZ(-76deg) rotateY(268deg) translateX(600px) rotateZ(76deg); } } .c:nth-child(384) { animation: orbit384 14s infinite; animation-delay: 3.84s; background-color: #00b1ff; } @keyframes orbit384 { 20% { opacity: 1; } 30% { transform: rotateZ(-139deg) rotateY(222deg) translateX(200px) rotateZ(139deg); } 80% { transform: rotateZ(-139deg) rotateY(222deg) translateX(200px) rotateZ(139deg); opacity: 1; } 100% { transform: rotateZ(-139deg) rotateY(222deg) translateX(600px) rotateZ(139deg); } } .c:nth-child(385) { animation: orbit385 14s infinite; animation-delay: 3.85s; background-color: #00b0ff; } @keyframes orbit385 { 20% { opacity: 1; } 30% { transform: rotateZ(-98deg) rotateY(149deg) translateX(200px) rotateZ(98deg); } 80% { transform: rotateZ(-98deg) rotateY(149deg) translateX(200px) rotateZ(98deg); opacity: 1; } 100% { transform: rotateZ(-98deg) rotateY(149deg) translateX(600px) rotateZ(98deg); } } .c:nth-child(386) { animation: orbit386 14s infinite; animation-delay: 3.86s; background-color: #00b0ff; } @keyframes orbit386 { 20% { opacity: 1; } 30% { transform: rotateZ(-194deg) rotateY(245deg) translateX(200px) rotateZ(194deg); } 80% { transform: rotateZ(-194deg) rotateY(245deg) translateX(200px) rotateZ(194deg); opacity: 1; } 100% { transform: rotateZ(-194deg) rotateY(245deg) translateX(600px) rotateZ(194deg); } } .c:nth-child(387) { animation: orbit387 14s infinite; animation-delay: 3.87s; background-color: #00b0ff; } @keyframes orbit387 { 20% { opacity: 1; } 30% { transform: rotateZ(-84deg) rotateY(313deg) translateX(200px) rotateZ(84deg); } 80% { transform: rotateZ(-84deg) rotateY(313deg) translateX(200px) rotateZ(84deg); opacity: 1; } 100% { transform: rotateZ(-84deg) rotateY(313deg) translateX(600px) rotateZ(84deg); } } .c:nth-child(388) { animation: orbit388 14s infinite; animation-delay: 3.88s; background-color: #00afff; } @keyframes orbit388 { 20% { opacity: 1; } 30% { transform: rotateZ(-244deg) rotateY(159deg) translateX(200px) rotateZ(244deg); } 80% { transform: rotateZ(-244deg) rotateY(159deg) translateX(200px) rotateZ(244deg); opacity: 1; } 100% { transform: rotateZ(-244deg) rotateY(159deg) translateX(600px) rotateZ(244deg); } } .c:nth-child(389) { animation: orbit389 14s infinite; animation-delay: 3.89s; background-color: #00afff; } @keyframes orbit389 { 20% { opacity: 1; } 30% { transform: rotateZ(-276deg) rotateY(199deg) translateX(200px) rotateZ(276deg); } 80% { transform: rotateZ(-276deg) rotateY(199deg) translateX(200px) rotateZ(276deg); opacity: 1; } 100% { transform: rotateZ(-276deg) rotateY(199deg) translateX(600px) rotateZ(276deg); } } .c:nth-child(390) { animation: orbit390 14s infinite; animation-delay: 3.9s; background-color: #00aeff; } @keyframes orbit390 { 20% { opacity: 1; } 30% { transform: rotateZ(-103deg) rotateY(190deg) translateX(200px) rotateZ(103deg); } 80% { transform: rotateZ(-103deg) rotateY(190deg) translateX(200px) rotateZ(103deg); opacity: 1; } 100% { transform: rotateZ(-103deg) rotateY(190deg) translateX(600px) rotateZ(103deg); } } .c:nth-child(391) { animation: orbit391 14s infinite; animation-delay: 3.91s; background-color: #00aeff; } @keyframes orbit391 { 20% { opacity: 1; } 30% { transform: rotateZ(-185deg) rotateY(153deg) translateX(200px) rotateZ(185deg); } 80% { transform: rotateZ(-185deg) rotateY(153deg) translateX(200px) rotateZ(185deg); opacity: 1; } 100% { transform: rotateZ(-185deg) rotateY(153deg) translateX(600px) rotateZ(185deg); } } .c:nth-child(392) { animation: orbit392 14s infinite; animation-delay: 3.92s; background-color: #00adff; } @keyframes orbit392 { 20% { opacity: 1; } 30% { transform: rotateZ(-47deg) rotateY(241deg) translateX(200px) rotateZ(47deg); } 80% { transform: rotateZ(-47deg) rotateY(241deg) translateX(200px) rotateZ(47deg); opacity: 1; } 100% { transform: rotateZ(-47deg) rotateY(241deg) translateX(600px) rotateZ(47deg); } } .c:nth-child(393) { animation: orbit393 14s infinite; animation-delay: 3.93s; background-color: #00adff; } @keyframes orbit393 { 20% { opacity: 1; } 30% { transform: rotateZ(-45deg) rotateY(208deg) translateX(200px) rotateZ(45deg); } 80% { transform: rotateZ(-45deg) rotateY(208deg) translateX(200px) rotateZ(45deg); opacity: 1; } 100% { transform: rotateZ(-45deg) rotateY(208deg) translateX(600px) rotateZ(45deg); } } .c:nth-child(394) { animation: orbit394 14s infinite; animation-delay: 3.94s; background-color: #00adff; } @keyframes orbit394 { 20% { opacity: 1; } 30% { transform: rotateZ(-83deg) rotateY(72deg) translateX(200px) rotateZ(83deg); } 80% { transform: rotateZ(-83deg) rotateY(72deg) translateX(200px) rotateZ(83deg); opacity: 1; } 100% { transform: rotateZ(-83deg) rotateY(72deg) translateX(600px) rotateZ(83deg); } } .c:nth-child(395) { animation: orbit395 14s infinite; animation-delay: 3.95s; background-color: #00acff; } @keyframes orbit395 { 20% { opacity: 1; } 30% { transform: rotateZ(-9deg) rotateY(28deg) translateX(200px) rotateZ(9deg); } 80% { transform: rotateZ(-9deg) rotateY(28deg) translateX(200px) rotateZ(9deg); opacity: 1; } 100% { transform: rotateZ(-9deg) rotateY(28deg) translateX(600px) rotateZ(9deg); } } .c:nth-child(396) { animation: orbit396 14s infinite; animation-delay: 3.96s; background-color: #00acff; } @keyframes orbit396 { 20% { opacity: 1; } 30% { transform: rotateZ(-280deg) rotateY(306deg) translateX(200px) rotateZ(280deg); } 80% { transform: rotateZ(-280deg) rotateY(306deg) translateX(200px) rotateZ(280deg); opacity: 1; } 100% { transform: rotateZ(-280deg) rotateY(306deg) translateX(600px) rotateZ(280deg); } } .c:nth-child(397) { animation: orbit397 14s infinite; animation-delay: 3.97s; background-color: #00abff; } @keyframes orbit397 { 20% { opacity: 1; } 30% { transform: rotateZ(-166deg) rotateY(101deg) translateX(200px) rotateZ(166deg); } 80% { transform: rotateZ(-166deg) rotateY(101deg) translateX(200px) rotateZ(166deg); opacity: 1; } 100% { transform: rotateZ(-166deg) rotateY(101deg) translateX(600px) rotateZ(166deg); } } .c:nth-child(398) { animation: orbit398 14s infinite; animation-delay: 3.98s; background-color: #00abff; } @keyframes orbit398 { 20% { opacity: 1; } 30% { transform: rotateZ(-282deg) rotateY(46deg) translateX(200px) rotateZ(282deg); } 80% { transform: rotateZ(-282deg) rotateY(46deg) translateX(200px) rotateZ(282deg); opacity: 1; } 100% { transform: rotateZ(-282deg) rotateY(46deg) translateX(600px) rotateZ(282deg); } } .c:nth-child(399) { animation: orbit399 14s infinite; animation-delay: 3.99s; background-color: #00aaff; } @keyframes orbit399 { 20% { opacity: 1; } 30% { transform: rotateZ(-255deg) rotateY(145deg) translateX(200px) rotateZ(255deg); } 80% { transform: rotateZ(-255deg) rotateY(145deg) translateX(200px) rotateZ(255deg); opacity: 1; } 100% { transform: rotateZ(-255deg) rotateY(145deg) translateX(600px) rotateZ(255deg); } } .c:nth-child(400) { animation: orbit400 14s infinite; animation-delay: 4s; background-color: #00aaff; } @keyframes orbit400 { 20% { opacity: 1; } 30% { transform: rotateZ(-323deg) rotateY(195deg) translateX(200px) rotateZ(323deg); } 80% { transform: rotateZ(-323deg) rotateY(195deg) translateX(200px) rotateZ(323deg); opacity: 1; } 100% { transform: rotateZ(-323deg) rotateY(195deg) translateX(600px) rotateZ(323deg); } }