效果图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
html,
body,
.wrap {
height: 100%;
}
body {
background: black;
overflow: hidden;
}
.wrap {
transform-style: preserve-3d;
perspective: 300px;
}
.c {
position: absolute;
top: 50%;
left: 50%;
height: 6px;
width: 6px;
margin-top: -3px;
margin-left: -3px;
border-radius: 50%;
transform: translate3d(0, 0, -300px) scale(0.1);
}
.c:nth-child(1) {
background-color: #2b00ff;
animation: anim1 6s infinite ease-in-out;
animation-delay: -0.02s;
}
@keyframes anim1 {
33% {
transform: rotate(1.2deg) translate3d(54.03023px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(1.2deg) translate3d(54.03023px, 84.1471px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(1.2deg) translate3d(54.03023px, 168.2942px, 0) scale(0.1);
}
}
.c:nth-child(2) {
background-color: #2f00ff;
animation: anim2 6s infinite ease-in-out;
animation-delay: -0.04s;
}
@keyframes anim2 {
33% {
transform: rotate(2.4deg) translate3d(-41.61468px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(2.4deg) translate3d(-41.61468px, 90.92974px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(2.4deg) translate3d(-41.61468px, 181.85949px, 0) scale(0.1);
}
}
.c:nth-child(3) {
background-color: #3300ff;
animation: anim3 6s infinite ease-in-out;
animation-delay: -0.06s;
}
@keyframes anim3 {
33% {
transform: rotate(3.6deg) translate3d(-98.99925px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(3.6deg) translate3d(-98.99925px, 14.112px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(3.6deg) translate3d(-98.99925px, 28.224px, 0) scale(0.1);
}
}
.c:nth-child(4) {
background-color: #3700ff;
animation: anim4 6s infinite ease-in-out;
animation-delay: -0.08s;
}
@keyframes anim4 {
33% {
transform: rotate(4.8deg) translate3d(-65.36436px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(4.8deg) translate3d(-65.36436px, -75.68025px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(4.8deg) translate3d(-65.36436px, -151.3605px, 0) scale(0.1);
}
}
.c:nth-child(5) {
background-color: #3c00ff;
animation: anim5 6s infinite ease-in-out;
animation-delay: -0.1s;
}
@keyframes anim5 {
33% {
transform: rotate(6deg) translate3d(28.36622px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(6deg) translate3d(28.36622px, -95.89243px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(6deg) translate3d(28.36622px, -191.78485px, 0) scale(0.1);
}
}
.c:nth-child(6) {
background-color: #4000ff;
animation: anim6 6s infinite ease-in-out;
animation-delay: -0.12s;
}
@keyframes anim6 {
33% {
transform: rotate(7.2deg) translate3d(96.01703px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(7.2deg) translate3d(96.01703px, -27.94155px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(7.2deg) translate3d(96.01703px, -55.8831px, 0) scale(0.1);
}
}
.c:nth-child(7) {
background-color: #4400ff;
animation: anim7 6s infinite ease-in-out;
animation-delay: -0.14s;
}
@keyframes anim7 {
33% {
transform: rotate(8.4deg) translate3d(75.39023px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(8.4deg) translate3d(75.39023px, 65.69866px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(8.4deg) translate3d(75.39023px, 131.39732px, 0) scale(0.1);
}
}
.c:nth-child(8) {
background-color: #4800ff;
animation: anim8 6s infinite ease-in-out;
animation-delay: -0.16s;
}
@keyframes anim8 {
33% {
transform: rotate(9.6deg) translate3d(-14.55px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(9.6deg) translate3d(-14.55px, 98.93582px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(9.6deg) translate3d(-14.55px, 197.87165px, 0) scale(0.1);
}
}
.c:nth-child(9) {
background-color: #4d00ff;
animation: anim9 6s infinite ease-in-out;
animation-delay: -0.18s;
}
@keyframes anim9 {
33% {
transform: rotate(10.8deg) translate3d(-91.11303px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(10.8deg) translate3d(-91.11303px, 41.21185px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(10.8deg) translate3d(-91.11303px, 82.4237px, 0) scale(0.1);
}
}
.c:nth-child(10) {
background-color: #5100ff;
animation: anim10 6s infinite ease-in-out;
animation-delay: -0.2s;
}
@keyframes anim10 {
33% {
transform: rotate(12deg) translate3d(-83.90715px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(12deg) translate3d(-83.90715px, -54.40211px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(12deg) translate3d(-83.90715px, -108.80422px, 0) scale(0.1);
}
}
.c:nth-child(11) {
background-color: #5500ff;
animation: anim11 6s infinite ease-in-out;
animation-delay: -0.22s;
}
@keyframes anim11 {
33% {
transform: rotate(13.2deg) translate3d(0.44257px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(13.2deg) translate3d(0.44257px, -99.99902px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(13.2deg) translate3d(0.44257px, -199.99804px, 0) scale(0.1);
}
}
.c:nth-child(12) {
background-color: #5900ff;
animation: anim12 6s infinite ease-in-out;
animation-delay: -0.24s;
}
@keyframes anim12 {
33% {
transform: rotate(14.4deg) translate3d(84.3854px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(14.4deg) translate3d(84.3854px, -53.65729px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(14.4deg) translate3d(84.3854px, -107.31458px, 0) scale(0.1);
}
}
.c:nth-child(13) {
background-color: #5e00ff;
animation: anim13 6s infinite ease-in-out;
animation-delay: -0.26s;
}
@keyframes anim13 {
33% {
transform: rotate(15.6deg) translate3d(90.74468px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(15.6deg) translate3d(90.74468px, 42.0167px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(15.6deg) translate3d(90.74468px, 84.03341px, 0) scale(0.1);
}
}
.c:nth-child(14) {
background-color: #6200ff;
animation: anim14 6s infinite ease-in-out;
animation-delay: -0.28s;
}
@keyframes anim14 {
33% {
transform: rotate(16.8deg) translate3d(13.67372px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(16.8deg) translate3d(13.67372px, 99.06074px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(16.8deg) translate3d(13.67372px, 198.12147px, 0) scale(0.1);
}
}
.c:nth-child(15) {
background-color: #6600ff;
animation: anim15 6s infinite ease-in-out;
animation-delay: -0.3s;
}
@keyframes anim15 {
33% {
transform: rotate(18deg) translate3d(-75.96879px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(18deg) translate3d(-75.96879px, 65.02878px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(18deg) translate3d(-75.96879px, 130.05757px, 0) scale(0.1);
}
}
.c:nth-child(16) {
background-color: #6a00ff;
animation: anim16 6s infinite ease-in-out;
animation-delay: -0.32s;
}
@keyframes anim16 {
33% {
transform: rotate(19.2deg) translate3d(-95.76595px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(19.2deg) translate3d(-95.76595px, -28.79033px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(19.2deg) translate3d(-95.76595px, -57.58066px, 0) scale(0.1);
}
}
.c:nth-child(17) {
background-color: #6f00ff;
animation: anim17 6s infinite ease-in-out;
animation-delay: -0.34s;
}
@keyframes anim17 {
33% {
transform: rotate(20.4deg) translate3d(-27.51633px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(20.4deg) translate3d(-27.51633px, -96.13975px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(20.4deg) translate3d(-27.51633px, -192.2795px, 0) scale(0.1);
}
}
.c:nth-child(18) {
background-color: #7300ff;
animation: anim18 6s infinite ease-in-out;
animation-delay: -0.36s;
}
@keyframes anim18 {
33% {
transform: rotate(21.6deg) translate3d(66.03167px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(21.6deg) translate3d(66.03167px, -75.09872px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(21.6deg) translate3d(66.03167px, -150.19745px, 0) scale(0.1);
}
}
.c:nth-child(19) {
background-color: #7700ff;
animation: anim19 6s infinite ease-in-out;
animation-delay: -0.38s;
}
@keyframes anim19 {
33% {
transform: rotate(22.8deg) translate3d(98.87046px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(22.8deg) translate3d(98.87046px, 14.98772px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(22.8deg) translate3d(98.87046px, 29.97544px, 0) scale(0.1);
}
}
.c:nth-child(20) {
background-color: #7b00ff;
animation: anim20 6s infinite ease-in-out;
animation-delay: -0.4s;
}
@keyframes anim20 {
33% {
transform: rotate(24deg) translate3d(40.80821px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(24deg) translate3d(40.80821px, 91.29453px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(24deg) translate3d(40.80821px, 182.58905px, 0) scale(0.1);
}
}
.c:nth-child(21) {
background-color: #8000ff;
animation: anim21 6s infinite ease-in-out;
animation-delay: -0.42s;
}
@keyframes anim21 {
33% {
transform: rotate(25.2deg) translate3d(-54.77293px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(25.2deg) translate3d(-54.77293px, 83.66556px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(25.2deg) translate3d(-54.77293px, 167.33113px, 0) scale(0.1);
}
}
.c:nth-child(22) {
background-color: #2b00ff;
animation: anim22 6s infinite ease-in-out;
animation-delay: -0.44s;
}
@keyframes anim22 {
33% {
transform: rotate(26.4deg) translate3d(-99.99608px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(26.4deg) translate3d(-99.99608px, -0.88513px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(26.4deg) translate3d(-99.99608px, -1.77026px, 0) scale(0.1);
}
}
.c:nth-child(23) {
background-color: #2f00ff;
animation: anim23 6s infinite ease-in-out;
animation-delay: -0.46s;
}
@keyframes anim23 {
33% {
transform: rotate(27.6deg) translate3d(-53.2833px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(27.6deg) translate3d(-53.2833px, -84.62204px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(27.6deg) translate3d(-53.2833px, -169.24408px, 0) scale(0.1);
}
}
.c:nth-child(24) {
background-color: #3300ff;
animation: anim24 6s infinite ease-in-out;
animation-delay: -0.48s;
}
@keyframes anim24 {
33% {
transform: rotate(28.8deg) translate3d(42.4179px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(28.8deg) translate3d(42.4179px, -90.55784px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(28.8deg) translate3d(42.4179px, -181.11567px, 0) scale(0.1);
}
}
.c:nth-child(25) {
background-color: #3700ff;
animation: anim25 6s infinite ease-in-out;
animation-delay: -0.5s;
}
@keyframes anim25 {
33% {
transform: rotate(30deg) translate3d(99.12028px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(30deg) translate3d(99.12028px, -13.23518px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(30deg) translate3d(99.12028px, -26.47035px, 0) scale(0.1);
}
}
.c:nth-child(26) {
background-color: #3c00ff;
animation: anim26 6s infinite ease-in-out;
animation-delay: -0.52s;
}
@keyframes anim26 {
33% {
transform: rotate(31.2deg) translate3d(64.69193px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(31.2deg) translate3d(64.69193px, 76.25585px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(31.2deg) translate3d(64.69193px, 152.51169px, 0) scale(0.1);
}
}
.c:nth-child(27) {
background-color: #4000ff;
animation: anim27 6s infinite ease-in-out;
animation-delay: -0.54s;
}
@keyframes anim27 {
33% {
transform: rotate(32.4deg) translate3d(-29.21388px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(32.4deg) translate3d(-29.21388px, 95.63759px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(32.4deg) translate3d(-29.21388px, 191.27519px, 0) scale(0.1);
}
}
.c:nth-child(28) {
background-color: #4400ff;
animation: anim28 6s infinite ease-in-out;
animation-delay: -0.56s;
}
@keyframes anim28 {
33% {
transform: rotate(33.6deg) translate3d(-96.26059px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(33.6deg) translate3d(-96.26059px, 27.09058px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(33.6deg) translate3d(-96.26059px, 54.18116px, 0) scale(0.1);
}
}
.c:nth-child(29) {
background-color: #4800ff;
animation: anim29 6s infinite ease-in-out;
animation-delay: -0.58s;
}
@keyframes anim29 {
33% {
transform: rotate(34.8deg) translate3d(-74.80575px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(34.8deg) translate3d(-74.80575px, -66.36339px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(34.8deg) translate3d(-74.80575px, -132.72678px, 0) scale(0.1);
}
}
.c:nth-child(30) {
background-color: #4d00ff;
animation: anim30 6s infinite ease-in-out;
animation-delay: -0.6s;
}
@keyframes anim30 {
33% {
transform: rotate(36deg) translate3d(15.42514px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(36deg) translate3d(15.42514px, -98.80316px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(36deg) translate3d(15.42514px, -197.60632px, 0) scale(0.1);
}
}
.c:nth-child(31) {
background-color: #5100ff;
animation: anim31 6s infinite ease-in-out;
animation-delay: -0.62s;
}
@keyframes anim31 {
33% {
transform: rotate(37.2deg) translate3d(91.47424px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(37.2deg) translate3d(91.47424px, -40.40376px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(37.2deg) translate3d(91.47424px, -80.80753px, 0) scale(0.1);
}
}
.c:nth-child(32) {
background-color: #5500ff;
animation: anim32 6s infinite ease-in-out;
animation-delay: -0.64s;
}
@keyframes anim32 {
33% {
transform: rotate(38.4deg) translate3d(83.42234px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(38.4deg) translate3d(83.42234px, 55.14267px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(38.4deg) translate3d(83.42234px, 110.28534px, 0) scale(0.1);
}
}
.c:nth-child(33) {
background-color: #5900ff;
animation: anim33 6s infinite ease-in-out;
animation-delay: -0.66s;
}
@keyframes anim33 {
33% {
transform: rotate(39.6deg) translate3d(-1.32767px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(39.6deg) translate3d(-1.32767px, 99.99119px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(39.6deg) translate3d(-1.32767px, 199.98237px, 0) scale(0.1);
}
}
.c:nth-child(34) {
background-color: #5e00ff;
animation: anim34 6s infinite ease-in-out;
animation-delay: -0.68s;
}
@keyframes anim34 {
33% {
transform: rotate(40.8deg) translate3d(-84.85703px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(40.8deg) translate3d(-84.85703px, 52.90827px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(40.8deg) translate3d(-84.85703px, 105.81654px, 0) scale(0.1);
}
}
.c:nth-child(35) {
background-color: #6200ff;
animation: anim35 6s infinite ease-in-out;
animation-delay: -0.7s;
}
@keyframes anim35 {
33% {
transform: rotate(42deg) translate3d(-90.36922px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(42deg) translate3d(-90.36922px, -42.81827px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(42deg) translate3d(-90.36922px, -85.63653px, 0) scale(0.1);
}
}
.c:nth-child(36) {
background-color: #6600ff;
animation: anim36 6s infinite ease-in-out;
animation-delay: -0.72s;
}
@keyframes anim36 {
33% {
transform: rotate(43.2deg) translate3d(-12.79637px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(43.2deg) translate3d(-12.79637px, -99.17789px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(43.2deg) translate3d(-12.79637px, -198.35577px, 0) scale(0.1);
}
}
.c:nth-child(37) {
background-color: #6a00ff;
animation: anim37 6s infinite ease-in-out;
animation-delay: -0.74s;
}
@keyframes anim37 {
33% {
transform: rotate(44.4deg) translate3d(76.54141px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(44.4deg) translate3d(76.54141px, -64.35381px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(44.4deg) translate3d(76.54141px, -128.70763px, 0) scale(0.1);
}
}
.c:nth-child(38) {
background-color: #6f00ff;
animation: anim38 6s infinite ease-in-out;
animation-delay: -0.76s;
}
@keyframes anim38 {
33% {
transform: rotate(45.6deg) translate3d(95.50736px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(45.6deg) translate3d(95.50736px, 29.63686px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(45.6deg) translate3d(95.50736px, 59.27372px, 0) scale(0.1);
}
}
.c:nth-child(39) {
background-color: #7300ff;
animation: anim39 6s infinite ease-in-out;
animation-delay: -0.78s;
}
@keyframes anim39 {
33% {
transform: rotate(46.8deg) translate3d(26.66429px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(46.8deg) translate3d(26.66429px, 96.37954px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(46.8deg) translate3d(26.66429px, 192.75908px, 0) scale(0.1);
}
}
.c:nth-child(40) {
background-color: #7700ff;
animation: anim40 6s infinite ease-in-out;
animation-delay: -0.8s;
}
@keyframes anim40 {
33% {
transform: rotate(48deg) translate3d(-66.69381px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(48deg) translate3d(-66.69381px, 74.51132px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(48deg) translate3d(-66.69381px, 149.02263px, 0) scale(0.1);
}
}
.c:nth-child(41) {
background-color: #7b00ff;
animation: anim41 6s infinite ease-in-out;
animation-delay: -0.82s;
}
@keyframes anim41 {
33% {
transform: rotate(49.2deg) translate3d(-98.73393px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(49.2deg) translate3d(-98.73393px, -15.86227px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(49.2deg) translate3d(-98.73393px, -31.72453px, 0) scale(0.1);
}
}
.c:nth-child(42) {
background-color: #8000ff;
animation: anim42 6s infinite ease-in-out;
animation-delay: -0.84s;
}
@keyframes anim42 {
33% {
transform: rotate(50.4deg) translate3d(-39.99853px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(50.4deg) translate3d(-39.99853px, -91.65215px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(50.4deg) translate3d(-39.99853px, -183.30431px, 0) scale(0.1);
}
}
.c:nth-child(43) {
background-color: #2b00ff;
animation: anim43 6s infinite ease-in-out;
animation-delay: -0.86s;
}
@keyframes anim43 {
33% {
transform: rotate(51.6deg) translate3d(55.51133px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(51.6deg) translate3d(55.51133px, -83.17747px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(51.6deg) translate3d(55.51133px, -166.35495px, 0) scale(0.1);
}
}
.c:nth-child(44) {
background-color: #2f00ff;
animation: anim44 6s infinite ease-in-out;
animation-delay: -0.88s;
}
@keyframes anim44 {
33% {
transform: rotate(52.8deg) translate3d(99.98433px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(52.8deg) translate3d(99.98433px, 1.77019px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(52.8deg) translate3d(99.98433px, 3.54039px, 0) scale(0.1);
}
}
.c:nth-child(45) {
background-color: #3300ff;
animation: anim45 6s infinite ease-in-out;
animation-delay: -0.9s;
}
@keyframes anim45 {
33% {
transform: rotate(54deg) translate3d(52.5322px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(54deg) translate3d(52.5322px, 85.09035px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(54deg) translate3d(52.5322px, 170.1807px, 0) scale(0.1);
}
}
.c:nth-child(46) {
background-color: #3700ff;
animation: anim46 6s infinite ease-in-out;
animation-delay: -0.92s;
}
@keyframes anim46 {
33% {
transform: rotate(55.2deg) translate3d(-43.21779px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(55.2deg) translate3d(-43.21779px, 90.17883px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(55.2deg) translate3d(-43.21779px, 180.35767px, 0) scale(0.1);
}
}
.c:nth-child(47) {
background-color: #3c00ff;
animation: anim47 6s infinite ease-in-out;
animation-delay: -0.94s;
}
@keyframes anim47 {
33% {
transform: rotate(56.4deg) translate3d(-99.23355px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(56.4deg) translate3d(-99.23355px, 12.35731px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(56.4deg) translate3d(-99.23355px, 24.71462px, 0) scale(0.1);
}
}
.c:nth-child(48) {
background-color: #4000ff;
animation: anim48 6s infinite ease-in-out;
animation-delay: -0.96s;
}
@keyframes anim48 {
33% {
transform: rotate(57.6deg) translate3d(-64.01443px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(57.6deg) translate3d(-64.01443px, -76.82547px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(57.6deg) translate3d(-64.01443px, -153.65093px, 0) scale(0.1);
}
}
.c:nth-child(49) {
background-color: #4400ff;
animation: anim49 6s infinite ease-in-out;
animation-delay: -0.98s;
}
@keyframes anim49 {
33% {
transform: rotate(58.8deg) translate3d(30.05925px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(58.8deg) translate3d(30.05925px, -95.37527px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(58.8deg) translate3d(30.05925px, -190.75053px, 0) scale(0.1);
}
}
.c:nth-child(50) {
background-color: #4800ff;
animation: anim50 6s infinite ease-in-out;
animation-delay: -1s;
}
@keyframes anim50 {
33% {
transform: rotate(60deg) translate3d(96.4966px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(60deg) translate3d(96.4966px, -26.23749px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(60deg) translate3d(96.4966px, -52.47497px, 0) scale(0.1);
}
}
.c:nth-child(51) {
background-color: #4d00ff;
animation: anim51 6s infinite ease-in-out;
animation-delay: -1.02s;
}
@keyframes anim51 {
33% {
transform: rotate(61.2deg) translate3d(74.21542px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(61.2deg) translate3d(74.21542px, 67.02292px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(61.2deg) translate3d(74.21542px, 134.04584px, 0) scale(0.1);
}
}
.c:nth-child(52) {
background-color: #5100ff;
animation: anim52 6s infinite ease-in-out;
animation-delay: -1.04s;
}
@keyframes anim52 {
33% {
transform: rotate(62.4deg) translate3d(-16.29908px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(62.4deg) translate3d(-16.29908px, 98.66276px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(62.4deg) translate3d(-16.29908px, 197.32552px, 0) scale(0.1);
}
}
.c:nth-child(53) {
background-color: #5500ff;
animation: anim53 6s infinite ease-in-out;
animation-delay: -1.06s;
}
@keyframes anim53 {
33% {
transform: rotate(63.6deg) translate3d(-91.82828px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(63.6deg) translate3d(-91.82828px, 39.59252px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(63.6deg) translate3d(-91.82828px, 79.18503px, 0) scale(0.1);
}
}
.c:nth-child(54) {
background-color: #5900ff;
animation: anim54 6s infinite ease-in-out;
animation-delay: -1.08s;
}
@keyframes anim54 {
33% {
transform: rotate(64.8deg) translate3d(-82.93098px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(64.8deg) translate3d(-82.93098px, -55.8789px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(64.8deg) translate3d(-82.93098px, -111.75781px, 0) scale(0.1);
}
}
.c:nth-child(55) {
background-color: #5e00ff;
animation: anim55 6s infinite ease-in-out;
animation-delay: -1.1s;
}
@keyframes anim55 {
33% {
transform: rotate(66deg) translate3d(2.21268px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(66deg) translate3d(2.21268px, -99.97552px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(66deg) translate3d(2.21268px, -199.95103px, 0) scale(0.1);
}
}
.c:nth-child(56) {
background-color: #6200ff;
animation: anim56 6s infinite ease-in-out;
animation-delay: -1.12s;
}
@keyframes anim56 {
33% {
transform: rotate(67.2deg) translate3d(85.32201px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(67.2deg) translate3d(85.32201px, -52.1551px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(67.2deg) translate3d(85.32201px, -104.3102px, 0) scale(0.1);
}
}
.c:nth-child(57) {
background-color: #6600ff;
animation: anim57 6s infinite ease-in-out;
animation-delay: -1.14s;
}
@keyframes anim57 {
33% {
transform: rotate(68.4deg) translate3d(89.98668px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(68.4deg) translate3d(89.98668px, 43.61648px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(68.4deg) translate3d(89.98668px, 87.23295px, 0) scale(0.1);
}
}
.c:nth-child(58) {
background-color: #6a00ff;
animation: anim58 6s infinite ease-in-out;
animation-delay: -1.16s;
}
@keyframes anim58 {
33% {
transform: rotate(69.6deg) translate3d(11.91801px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(69.6deg) translate3d(11.91801px, 99.28726px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(69.6deg) translate3d(11.91801px, 198.57453px, 0) scale(0.1);
}
}
.c:nth-child(59) {
background-color: #6f00ff;
animation: anim59 6s infinite ease-in-out;
animation-delay: -1.18s;
}
@keyframes anim59 {
33% {
transform: rotate(70.8deg) translate3d(-77.10802px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(70.8deg) translate3d(-77.10802px, 63.6738px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(70.8deg) translate3d(-77.10802px, 127.3476px, 0) scale(0.1);
}
}
.c:nth-child(60) {
background-color: #7300ff;
animation: anim60 6s infinite ease-in-out;
animation-delay: -1.2s;
}
@keyframes anim60 {
33% {
transform: rotate(72deg) translate3d(-95.2413px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(72deg) translate3d(-95.2413px, -30.48106px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(72deg) translate3d(-95.2413px, -60.96212px, 0) scale(0.1);
}
}
.c:nth-child(61) {
background-color: #7700ff;
animation: anim61 6s infinite ease-in-out;
animation-delay: -1.22s;
}
@keyframes anim61 {
33% {
transform: rotate(73.2deg) translate3d(-25.81016px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(73.2deg) translate3d(-25.81016px, -96.61178px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(73.2deg) translate3d(-25.81016px, -193.22355px, 0) scale(0.1);
}
}
.c:nth-child(62) {
background-color: #7b00ff;
animation: anim62 6s infinite ease-in-out;
animation-delay: -1.24s;
}
@keyframes anim62 {
33% {
transform: rotate(74.4deg) translate3d(67.35072px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(74.4deg) translate3d(67.35072px, -73.91807px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(74.4deg) translate3d(67.35072px, -147.83614px, 0) scale(0.1);
}
}
.c:nth-child(63) {
background-color: #8000ff;
animation: anim63 6s infinite ease-in-out;
animation-delay: -1.26s;
}
@keyframes anim63 {
33% {
transform: rotate(75.6deg) translate3d(98.58966px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(75.6deg) translate3d(98.58966px, 16.73557px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(75.6deg) translate3d(98.58966px, 33.47114px, 0) scale(0.1);
}
}
.c:nth-child(64) {
background-color: #2b00ff;
animation: anim64 6s infinite ease-in-out;
animation-delay: -1.28s;
}
@keyframes anim64 {
33% {
transform: rotate(76.8deg) translate3d(39.18572px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(76.8deg) translate3d(39.18572px, 92.0026px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(76.8deg) translate3d(39.18572px, 184.00521px, 0) scale(0.1);
}
}
.c:nth-child(65) {
background-color: #2f00ff;
animation: anim65 6s infinite ease-in-out;
animation-delay: -1.3s;
}
@keyframes anim65 {
33% {
transform: rotate(78deg) translate3d(-56.24539px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(78deg) translate3d(-56.24539px, 82.68287px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(78deg) translate3d(-56.24539px, 165.36574px, 0) scale(0.1);
}
}
.c:nth-child(66) {
background-color: #3300ff;
animation: anim66 6s infinite ease-in-out;
animation-delay: -1.32s;
}
@keyframes anim66 {
33% {
transform: rotate(79.2deg) translate3d(-99.96475px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(79.2deg) translate3d(-99.96475px, -2.65512px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(79.2deg) translate3d(-99.96475px, -5.31023px, 0) scale(0.1);
}
}
.c:nth-child(67) {
background-color: #3700ff;
animation: anim67 6s infinite ease-in-out;
animation-delay: -1.34s;
}
@keyframes anim67 {
33% {
transform: rotate(80.4deg) translate3d(-51.77698px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(80.4deg) translate3d(-51.77698px, -85.552px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(80.4deg) translate3d(-51.77698px, -171.104px, 0) scale(0.1);
}
}
.c:nth-child(68) {
background-color: #3c00ff;
animation: anim68 6s infinite ease-in-out;
animation-delay: -1.36s;
}
@keyframes anim68 {
33% {
transform: rotate(81.6deg) translate3d(44.0143px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(81.6deg) translate3d(44.0143px, -89.79277px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(81.6deg) translate3d(44.0143px, -179.58554px, 0) scale(0.1);
}
}
.c:nth-child(69) {
background-color: #4000ff;
animation: anim69 6s infinite ease-in-out;
animation-delay: -1.38s;
}
@keyframes anim69 {
33% {
transform: rotate(82.8deg) translate3d(99.33904px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(82.8deg) translate3d(99.33904px, -11.47848px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(82.8deg) translate3d(99.33904px, -22.95696px, 0) scale(0.1);
}
}
.c:nth-child(70) {
background-color: #4400ff;
animation: anim70 6s infinite ease-in-out;
animation-delay: -1.4s;
}
@keyframes anim70 {
33% {
transform: rotate(84deg) translate3d(63.33192px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(84deg) translate3d(63.33192px, 77.38907px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(84deg) translate3d(63.33192px, 154.77814px, 0) scale(0.1);
}
}
.c:nth-child(71) {
background-color: #4800ff;
animation: anim71 6s infinite ease-in-out;
animation-delay: -1.42s;
}
@keyframes anim71 {
33% {
transform: rotate(85.2deg) translate3d(-30.90227px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(85.2deg) translate3d(-30.90227px, 95.10547px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(85.2deg) translate3d(-30.90227px, 190.21093px, 0) scale(0.1);
}
}
.c:nth-child(72) {
background-color: #4d00ff;
animation: anim72 6s infinite ease-in-out;
animation-delay: -1.44s;
}
@keyframes anim72 {
33% {
transform: rotate(86.4deg) translate3d(-96.72506px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(86.4deg) translate3d(-96.72506px, 25.38234px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(86.4deg) translate3d(-96.72506px, 50.76467px, 0) scale(0.1);
}
}
.c:nth-child(73) {
background-color: #5100ff;
animation: anim73 6s infinite ease-in-out;
animation-delay: -1.46s;
}
@keyframes anim73 {
33% {
transform: rotate(87.6deg) translate3d(-73.61927px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(87.6deg) translate3d(-73.61927px, -67.6772px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(87.6deg) translate3d(-73.61927px, -135.35439px, 0) scale(0.1);
}
}
.c:nth-child(74) {
background-color: #5500ff;
animation: anim74 6s infinite ease-in-out;
animation-delay: -1.48s;
}
@keyframes anim74 {
33% {
transform: rotate(88.8deg) translate3d(17.17173px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(88.8deg) translate3d(17.17173px, -98.51463px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(88.8deg) translate3d(17.17173px, -197.02925px, 0) scale(0.1);
}
}
.c:nth-child(75) {
background-color: #5900ff;
animation: anim75 6s infinite ease-in-out;
animation-delay: -1.5s;
}
@keyframes anim75 {
33% {
transform: rotate(90deg) translate3d(92.17513px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(90deg) translate3d(92.17513px, -38.77816px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(90deg) translate3d(92.17513px, -77.55633px, 0) scale(0.1);
}
}
.c:nth-child(76) {
background-color: #5e00ff;
animation: anim76 6s infinite ease-in-out;
animation-delay: -1.52s;
}
@keyframes anim76 {
33% {
transform: rotate(91.2deg) translate3d(82.43313px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(91.2deg) translate3d(82.43313px, 56.61076px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(91.2deg) translate3d(82.43313px, 113.22153px, 0) scale(0.1);
}
}
.c:nth-child(77) {
background-color: #6200ff;
animation: anim77 6s infinite ease-in-out;
animation-delay: -1.54s;
}
@keyframes anim77 {
33% {
transform: rotate(92.4deg) translate3d(-3.0975px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(92.4deg) translate3d(-3.0975px, 99.95202px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(92.4deg) translate3d(-3.0975px, 199.90403px, 0) scale(0.1);
}
}
.c:nth-child(78) {
background-color: #6600ff;
animation: anim78 6s infinite ease-in-out;
animation-delay: -1.56s;
}
@keyframes anim78 {
33% {
transform: rotate(93.6deg) translate3d(-85.78031px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(93.6deg) translate3d(-85.78031px, 51.39785px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(93.6deg) translate3d(-85.78031px, 102.79569px, 0) scale(0.1);
}
}
.c:nth-child(79) {
background-color: #6a00ff;
animation: anim79 6s infinite ease-in-out;
animation-delay: -1.58s;
}
@keyframes anim79 {
33% {
transform: rotate(94.8deg) translate3d(-89.59709px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(94.8deg) translate3d(-89.59709px, -44.41127px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(94.8deg) translate3d(-89.59709px, -88.82253px, 0) scale(0.1);
}
}
.c:nth-child(80) {
background-color: #6f00ff;
animation: anim80 6s infinite ease-in-out;
animation-delay: -1.6s;
}
@keyframes anim80 {
33% {
transform: rotate(96deg) translate3d(-11.03872px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(96deg) translate3d(-11.03872px, -99.38887px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(96deg) translate3d(-11.03872px, -198.77773px, 0) scale(0.1);
}
}
.c:nth-child(81) {
background-color: #7300ff;
animation: anim81 6s infinite ease-in-out;
animation-delay: -1.62s;
}
@keyframes anim81 {
33% {
transform: rotate(97.2deg) translate3d(77.6686px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(97.2deg) translate3d(77.6686px, -62.9888px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(97.2deg) translate3d(77.6686px, -125.9776px, 0) scale(0.1);
}
}
.c:nth-child(82) {
background-color: #7700ff;
animation: anim82 6s infinite ease-in-out;
animation-delay: -1.64s;
}
@keyframes anim82 {
33% {
transform: rotate(98.4deg) translate3d(94.96777px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(98.4deg) translate3d(94.96777px, 31.32288px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(98.4deg) translate3d(94.96777px, 62.64576px, 0) scale(0.1);
}
}
.c:nth-child(83) {
background-color: #7b00ff;
animation: anim83 6s infinite ease-in-out;
animation-delay: -1.66s;
}
@keyframes anim83 {
33% {
transform: rotate(99.6deg) translate3d(24.95401px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(99.6deg) translate3d(24.95401px, 96.83645px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(99.6deg) translate3d(24.95401px, 193.67289px, 0) scale(0.1);
}
}
.c:nth-child(84) {
background-color: #8000ff;
animation: anim84 6s infinite ease-in-out;
animation-delay: -1.68s;
}
@keyframes anim84 {
33% {
transform: rotate(100.8deg) translate3d(-68.00235px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(100.8deg) translate3d(-68.00235px, 73.31903px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(100.8deg) translate3d(-68.00235px, 146.63806px, 0) scale(0.1);
}
}
.c:nth-child(85) {
background-color: #2b00ff;
animation: anim85 6s infinite ease-in-out;
animation-delay: -1.7s;
}
@keyframes anim85 {
33% {
transform: rotate(102deg) translate3d(-98.43766px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(102deg) translate3d(-98.43766px, -17.60756px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(102deg) translate3d(-98.43766px, -35.21512px, 0) scale(0.1);
}
}
.c:nth-child(86) {
background-color: #2f00ff;
animation: anim86 6s infinite ease-in-out;
animation-delay: -1.72s;
}
@keyframes anim86 {
33% {
transform: rotate(103.2deg) translate3d(-38.36984px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(103.2deg) translate3d(-38.36984px, -92.34584px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(103.2deg) translate3d(-38.36984px, -184.69169px, 0) scale(0.1);
}
}
.c:nth-child(87) {
background-color: #3300ff;
animation: anim87 6s infinite ease-in-out;
animation-delay: -1.74s;
}
@keyframes anim87 {
33% {
transform: rotate(104.4deg) translate3d(56.97503px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(104.4deg) translate3d(56.97503px, -82.18178px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(104.4deg) translate3d(56.97503px, -164.36357px, 0) scale(0.1);
}
}
.c:nth-child(88) {
background-color: #3700ff;
animation: anim88 6s infinite ease-in-out;
animation-delay: -1.76s;
}
@keyframes anim88 {
33% {
transform: rotate(105.6deg) translate3d(99.93733px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(105.6deg) translate3d(99.93733px, 3.53983px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(105.6deg) translate3d(99.93733px, 7.07966px, 0) scale(0.1);
}
}
.c:nth-child(89) {
background-color: #3c00ff;
animation: anim89 6s infinite ease-in-out;
animation-delay: -1.78s;
}
@keyframes anim89 {
33% {
transform: rotate(106.8deg) translate3d(51.0177px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(106.8deg) translate3d(51.0177px, 86.00694px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(106.8deg) translate3d(51.0177px, 172.01388px, 0) scale(0.1);
}
}
.c:nth-child(90) {
background-color: #4000ff;
animation: anim90 6s infinite ease-in-out;
animation-delay: -1.8s;
}
@keyframes anim90 {
33% {
transform: rotate(108deg) translate3d(-44.80736px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(108deg) translate3d(-44.80736px, 89.39967px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(108deg) translate3d(-44.80736px, 178.79933px, 0) scale(0.1);
}
}
.c:nth-child(91) {
background-color: #4400ff;
animation: anim91 6s infinite ease-in-out;
animation-delay: -1.82s;
}
@keyframes anim91 {
33% {
transform: rotate(109.2deg) translate3d(-99.43675px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(109.2deg) translate3d(-99.43675px, 10.59875px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(109.2deg) translate3d(-99.43675px, 21.1975px, 0) scale(0.1);
}
}
.c:nth-child(92) {
background-color: #4800ff;
animation: anim92 6s infinite ease-in-out;
animation-delay: -1.84s;
}
@keyframes anim92 {
33% {
transform: rotate(110.4deg) translate3d(-62.64444px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(110.4deg) translate3d(-62.64444px, -77.94661px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(110.4deg) translate3d(-62.64444px, -155.89321px, 0) scale(0.1);
}
}
.c:nth-child(93) {
background-color: #4d00ff;
animation: anim93 6s infinite ease-in-out;
animation-delay: -1.86s;
}
@keyframes anim93 {
33% {
transform: rotate(111.6deg) translate3d(31.74287px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(111.6deg) translate3d(31.74287px, -94.82821px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(111.6deg) translate3d(31.74287px, -189.65643px, 0) scale(0.1);
}
}
.c:nth-child(94) {
background-color: #5100ff;
animation: anim94 6s infinite ease-in-out;
animation-delay: -1.88s;
}
@keyframes anim94 {
33% {
transform: rotate(112.8deg) translate3d(96.94594px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(112.8deg) translate3d(96.94594px, -24.5252px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(112.8deg) translate3d(96.94594px, -49.0504px, 0) scale(0.1);
}
}
.c:nth-child(95) {
background-color: #5500ff;
animation: anim95 6s infinite ease-in-out;
animation-delay: -1.9s;
}
@keyframes anim95 {
33% {
transform: rotate(114deg) translate3d(73.01736px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(114deg) translate3d(73.01736px, 68.32617px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(114deg) translate3d(73.01736px, 136.65234px, 0) scale(0.1);
}
}
.c:nth-child(96) {
background-color: #5900ff;
animation: anim96 6s infinite ease-in-out;
animation-delay: -1.92s;
}
@keyframes anim96 {
33% {
transform: rotate(115.2deg) translate3d(-18.04304px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(115.2deg) translate3d(-18.04304px, 98.35877px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(115.2deg) translate3d(-18.04304px, 196.71755px, 0) scale(0.1);
}
}
.c:nth-child(97) {
background-color: #5e00ff;
animation: anim97 6s infinite ease-in-out;
animation-delay: -1.94s;
}
@keyframes anim97 {
33% {
transform: rotate(116.4deg) translate3d(-92.51475px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(116.4deg) translate3d(-92.51475px, 37.96077px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(116.4deg) translate3d(-92.51475px, 75.92155px, 0) scale(0.1);
}
}
.c:nth-child(98) {
background-color: #6200ff;
animation: anim98 6s infinite ease-in-out;
animation-delay: -1.96s;
}
@keyframes anim98 {
33% {
transform: rotate(117.6deg) translate3d(-81.92882px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(117.6deg) translate3d(-81.92882px, -57.33819px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(117.6deg) translate3d(-81.92882px, -114.67637px, 0) scale(0.1);
}
}
.c:nth-child(99) {
background-color: #6600ff;
animation: anim99 6s infinite ease-in-out;
animation-delay: -1.98s;
}
@keyframes anim99 {
33% {
transform: rotate(118.8deg) translate3d(3.98209px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(118.8deg) translate3d(3.98209px, -99.92068px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(118.8deg) translate3d(3.98209px, -199.84137px, 0) scale(0.1);
}
}
.c:nth-child(100) {
background-color: #6a00ff;
animation: anim100 6s infinite ease-in-out;
animation-delay: -2s;
}
@keyframes anim100 {
33% {
transform: rotate(120deg) translate3d(86.23189px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(120deg) translate3d(86.23189px, -50.63656px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(120deg) translate3d(86.23189px, -101.27313px, 0) scale(0.1);
}
}
.c:nth-child(101) {
background-color: #6f00ff;
animation: anim101 6s infinite ease-in-out;
animation-delay: -2.02s;
}
@keyframes anim101 {
33% {
transform: rotate(121.2deg) translate3d(89.20049px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(121.2deg) translate3d(89.20049px, 45.20258px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(121.2deg) translate3d(89.20049px, 90.40516px, 0) scale(0.1);
}
}
.c:nth-child(102) {
background-color: #7300ff;
animation: anim102 6s infinite ease-in-out;
animation-delay: -2.04s;
}
@keyframes anim102 {
33% {
transform: rotate(122.4deg) translate3d(10.15857px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(122.4deg) translate3d(10.15857px, 99.48268px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(122.4deg) translate3d(10.15857px, 198.96536px, 0) scale(0.1);
}
}
.c:nth-child(103) {
background-color: #7700ff;
animation: anim103 6s infinite ease-in-out;
animation-delay: -2.06s;
}
@keyframes anim103 {
33% {
transform: rotate(123.6deg) translate3d(-78.22309px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(123.6deg) translate3d(-78.22309px, 62.29886px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(123.6deg) translate3d(-78.22309px, 124.59773px, 0) scale(0.1);
}
}
.c:nth-child(104) {
background-color: #7b00ff;
animation: anim104 6s infinite ease-in-out;
animation-delay: -2.08s;
}
@keyframes anim104 {
33% {
transform: rotate(124.8deg) translate3d(-94.6868px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(124.8deg) translate3d(-94.6868px, -32.16224px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(124.8deg) translate3d(-94.6868px, -64.32448px, 0) scale(0.1);
}
}
.c:nth-child(105) {
background-color: #8000ff;
animation: anim105 6s infinite ease-in-out;
animation-delay: -2.1s;
}
@keyframes anim105 {
33% {
transform: rotate(126deg) translate3d(-24.0959px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(126deg) translate3d(-24.0959px, -97.05353px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(126deg) translate3d(-24.0959px, -194.10706px, 0) scale(0.1);
}
}
.c:nth-child(106) {
background-color: #2b00ff;
animation: anim106 6s infinite ease-in-out;
animation-delay: -2.12s;
}
@keyframes anim106 {
33% {
transform: rotate(127.2deg) translate3d(68.64866px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(127.2deg) translate3d(68.64866px, -72.71425px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(127.2deg) translate3d(68.64866px, -145.4285px, 0) scale(0.1);
}
}
.c:nth-child(107) {
background-color: #2f00ff;
animation: anim107 6s infinite ease-in-out;
animation-delay: -2.14s;
}
@keyframes anim107 {
33% {
transform: rotate(128.4deg) translate3d(98.27796px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(128.4deg) translate3d(98.27796px, 18.47817px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(128.4deg) translate3d(98.27796px, 36.95635px, 0) scale(0.1);
}
}
.c:nth-child(108) {
background-color: #3300ff;
animation: anim108 6s infinite ease-in-out;
animation-delay: -2.16s;
}
@keyframes anim108 {
33% {
transform: rotate(129.6deg) translate3d(37.55096px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(129.6deg) translate3d(37.55096px, 92.68185px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(129.6deg) translate3d(37.55096px, 185.3637px, 0) scale(0.1);
}
}
.c:nth-child(109) {
background-color: #3700ff;
animation: anim109 6s infinite ease-in-out;
animation-delay: -2.18s;
}
@keyframes anim109 {
33% {
transform: rotate(130.8deg) translate3d(-57.70022px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(130.8deg) translate3d(-57.70022px, 81.67426px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(130.8deg) translate3d(-57.70022px, 163.34852px, 0) scale(0.1);
}
}
.c:nth-child(110) {
background-color: #3c00ff;
animation: anim110 6s infinite ease-in-out;
animation-delay: -2.2s;
}
@keyframes anim110 {
33% {
transform: rotate(132deg) translate3d(-99.90208px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(132deg) translate3d(-99.90208px, -4.42427px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(132deg) translate3d(-99.90208px, -8.84854px, 0) scale(0.1);
}
}
.c:nth-child(111) {
background-color: #4000ff;
animation: anim111 6s infinite ease-in-out;
animation-delay: -2.22s;
}
@keyframes anim111 {
33% {
transform: rotate(133.2deg) translate3d(-50.25443px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(133.2deg) translate3d(-50.25443px, -86.45514px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(133.2deg) translate3d(-50.25443px, -172.91029px, 0) scale(0.1);
}
}
.c:nth-child(112) {
background-color: #4400ff;
animation: anim112 6s infinite ease-in-out;
animation-delay: -2.24s;
}
@keyframes anim112 {
33% {
transform: rotate(134.4deg) translate3d(45.59691px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(134.4deg) translate3d(45.59691px, -88.99956px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(134.4deg) translate3d(45.59691px, -177.99912px, 0) scale(0.1);
}
}
.c:nth-child(113) {
background-color: #4800ff;
animation: anim113 6s infinite ease-in-out;
animation-delay: -2.26s;
}
@keyframes anim113 {
33% {
transform: rotate(135.6deg) translate3d(99.52666px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(135.6deg) translate3d(99.52666px, -9.71819px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(135.6deg) translate3d(99.52666px, -19.43638px, 0) scale(0.1);
}
}
.c:nth-child(114) {
background-color: #4d00ff;
animation: anim114 6s infinite ease-in-out;
animation-delay: -2.28s;
}
@keyframes anim114 {
33% {
transform: rotate(136.8deg) translate3d(61.95206px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(136.8deg) translate3d(61.95206px, 78.49804px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(136.8deg) translate3d(61.95206px, 156.99608px, 0) scale(0.1);
}
}
.c:nth-child(115) {
background-color: #5100ff;
animation: anim115 6s infinite ease-in-out;
animation-delay: -2.3s;
}
@keyframes anim115 {
33% {
transform: rotate(138deg) translate3d(-32.58098px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(138deg) translate3d(-32.58098px, 94.54353px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(138deg) translate3d(-32.58098px, 189.08707px, 0) scale(0.1);
}
}
.c:nth-child(116) {
background-color: #5500ff;
animation: anim116 6s infinite ease-in-out;
animation-delay: -2.32s;
}
@keyframes anim116 {
33% {
transform: rotate(139.2deg) translate3d(-97.15922px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(139.2deg) translate3d(-97.15922px, 23.66614px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(139.2deg) translate3d(-97.15922px, 47.33228px, 0) scale(0.1);
}
}
.c:nth-child(117) {
background-color: #5900ff;
animation: anim117 6s infinite ease-in-out;
animation-delay: -2.34s;
}
@keyframes anim117 {
33% {
transform: rotate(140.4deg) translate3d(-72.40972px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(140.4deg) translate3d(-72.40972px, -68.96979px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(140.4deg) translate3d(-72.40972px, -137.93959px, 0) scale(0.1);
}
}
.c:nth-child(118) {
background-color: #5e00ff;
animation: anim118 6s infinite ease-in-out;
animation-delay: -2.36s;
}
@keyframes anim118 {
33% {
transform: rotate(141.6deg) translate3d(18.91294px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(141.6deg) translate3d(18.91294px, -98.19522px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(141.6deg) translate3d(18.91294px, -196.39043px, 0) scale(0.1);
}
}
.c:nth-child(119) {
background-color: #6200ff;
animation: anim119 6s infinite ease-in-out;
animation-delay: -2.38s;
}
@keyframes anim119 {
33% {
transform: rotate(142.8deg) translate3d(92.84713px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(142.8deg) translate3d(92.84713px, -37.14041px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(142.8deg) translate3d(92.84713px, -74.28082px, 0) scale(0.1);
}
}
.c:nth-child(120) {
background-color: #6600ff;
animation: anim120 6s infinite ease-in-out;
animation-delay: -2.4s;
}
@keyframes anim120 {
33% {
transform: rotate(144deg) translate3d(81.4181px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(144deg) translate3d(81.4181px, 58.06112px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(144deg) translate3d(81.4181px, 116.12224px, 0) scale(0.1);
}
}
.c:nth-child(121) {
background-color: #6a00ff;
animation: anim121 6s infinite ease-in-out;
animation-delay: -2.42s;
}
@keyframes anim121 {
33% {
transform: rotate(145.2deg) translate3d(-4.86636px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(145.2deg) translate3d(-4.86636px, 99.88152px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(145.2deg) translate3d(-4.86636px, 199.76304px, 0) scale(0.1);
}
}
.c:nth-child(122) {
background-color: #6f00ff;
animation: anim122 6s infinite ease-in-out;
animation-delay: -2.44s;
}
@keyframes anim122 {
33% {
transform: rotate(146.4deg) translate3d(-86.67671px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(146.4deg) translate3d(-86.67671px, 49.87132px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(146.4deg) translate3d(-86.67671px, 99.74263px, 0) scale(0.1);
}
}
.c:nth-child(123) {
background-color: #7300ff;
animation: anim123 6s infinite ease-in-out;
animation-delay: -2.46s;
}
@keyframes anim123 {
33% {
transform: rotate(147.6deg) translate3d(-88.79689px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(147.6deg) translate3d(-88.79689px, -45.99035px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(147.6deg) translate3d(-88.79689px, -91.9807px, 0) scale(0.1);
}
}
.c:nth-child(124) {
background-color: #7700ff;
animation: anim124 6s infinite ease-in-out;
animation-delay: -2.48s;
}
@keyframes anim124 {
33% {
transform: rotate(148.8deg) translate3d(-9.27762px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(148.8deg) translate3d(-9.27762px, -99.5687px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(148.8deg) translate3d(-9.27762px, -199.1374px, 0) scale(0.1);
}
}
.c:nth-child(125) {
background-color: #7b00ff;
animation: anim125 6s infinite ease-in-out;
animation-delay: -2.5s;
}
@keyframes anim125 {
33% {
transform: rotate(150deg) translate3d(78.77145px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(150deg) translate3d(78.77145px, -61.60405px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(150deg) translate3d(78.77145px, -123.20809px, 0) scale(0.1);
}
}
.c:nth-child(126) {
background-color: #8000ff;
animation: anim126 6s infinite ease-in-out;
animation-delay: -2.52s;
}
@keyframes anim126 {
33% {
transform: rotate(151.2deg) translate3d(94.39841px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(151.2deg) translate3d(94.39841px, 32.99908px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(151.2deg) translate3d(94.39841px, 65.99817px, 0) scale(0.1);
}
}
.c:nth-child(127) {
background-color: #2b00ff;
animation: anim127 6s infinite ease-in-out;
animation-delay: -2.54s;
}
@keyframes anim127 {
33% {
transform: rotate(152.4deg) translate3d(23.23591px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(152.4deg) translate3d(23.23591px, 97.26301px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(152.4deg) translate3d(23.23591px, 194.52601px, 0) scale(0.1);
}
}
.c:nth-child(128) {
background-color: #2f00ff;
animation: anim128 6s infinite ease-in-out;
animation-delay: -2.56s;
}
@keyframes anim128 {
33% {
transform: rotate(153.6deg) translate3d(-69.28958px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(153.6deg) translate3d(-69.28958px, 72.10377px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(153.6deg) translate3d(-69.28958px, 144.20754px, 0) scale(0.1);
}
}
.c:nth-child(129) {
background-color: #3300ff;
animation: anim129 6s infinite ease-in-out;
animation-delay: -2.58s;
}
@keyframes anim129 {
33% {
transform: rotate(154.8deg) translate3d(-98.11055px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(154.8deg) translate3d(-98.11055px, -19.34734px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(154.8deg) translate3d(-98.11055px, -38.69468px, 0) scale(0.1);
}
}
.c:nth-child(130) {
background-color: #3700ff;
animation: anim130 6s infinite ease-in-out;
animation-delay: -2.6s;
}
@keyframes anim130 {
33% {
transform: rotate(156deg) translate3d(-36.72913px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(156deg) translate3d(-36.72913px, -93.0106px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(156deg) translate3d(-36.72913px, -186.02119px, 0) scale(0.1);
}
}
.c:nth-child(131) {
background-color: #3c00ff;
animation: anim131 6s infinite ease-in-out;
animation-delay: -2.62s;
}
@keyframes anim131 {
33% {
transform: rotate(157.2deg) translate3d(58.42088px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(157.2deg) translate3d(58.42088px, -81.16034px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(157.2deg) translate3d(58.42088px, -162.32068px, 0) scale(0.1);
}
}
.c:nth-child(132) {
background-color: #4000ff;
animation: anim132 6s infinite ease-in-out;
animation-delay: -2.64s;
}
@keyframes anim132 {
33% {
transform: rotate(158.4deg) translate3d(99.85901px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(158.4deg) translate3d(99.85901px, 5.30836px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(158.4deg) translate3d(99.85901px, 10.61672px, 0) scale(0.1);
}
}
.c:nth-child(133) {
background-color: #4400ff;
animation: anim133 6s infinite ease-in-out;
animation-delay: -2.66s;
}
@keyframes anim133 {
33% {
transform: rotate(159.6deg) translate3d(49.48722px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(159.6deg) translate3d(49.48722px, 86.89658px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(159.6deg) translate3d(49.48722px, 173.79315px, 0) scale(0.1);
}
}
.c:nth-child(134) {
background-color: #4800ff;
animation: anim134 6s infinite ease-in-out;
animation-delay: -2.68s;
}
@keyframes anim134 {
33% {
transform: rotate(160.8deg) translate3d(-46.38289px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(160.8deg) translate3d(-46.38289px, 88.59248px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(160.8deg) translate3d(-46.38289px, 177.18496px, 0) scale(0.1);
}
}
.c:nth-child(135) {
background-color: #4d00ff;
animation: anim135 6s infinite ease-in-out;
animation-delay: -2.7s;
}
@keyframes anim135 {
33% {
transform: rotate(162deg) translate3d(-99.60878px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(162deg) translate3d(-99.60878px, 8.83687px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(162deg) translate3d(-99.60878px, 17.67374px, 0) scale(0.1);
}
}
.c:nth-child(136) {
background-color: #5100ff;
animation: anim136 6s infinite ease-in-out;
animation-delay: -2.72s;
}
@keyframes anim136 {
33% {
transform: rotate(163.2deg) translate3d(-61.25482px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(163.2deg) translate3d(-61.25482px, -79.04332px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(163.2deg) translate3d(-61.25482px, -158.08664px, 0) scale(0.1);
}
}
.c:nth-child(137) {
background-color: #5500ff;
animation: anim137 6s infinite ease-in-out;
animation-delay: -2.74s;
}
@keyframes anim137 {
33% {
transform: rotate(164.4deg) translate3d(33.41654px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(164.4deg) translate3d(33.41654px, -94.25145px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(164.4deg) translate3d(33.41654px, -188.50289px, 0) scale(0.1);
}
}
.c:nth-child(138) {
background-color: #5900ff;
animation: anim138 6s infinite ease-in-out;
animation-delay: -2.76s;
}
@keyframes anim138 {
33% {
transform: rotate(165.6deg) translate3d(97.36489px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(165.6deg) translate3d(97.36489px, -22.80523px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(165.6deg) translate3d(97.36489px, -45.61045px, 0) scale(0.1);
}
}
.c:nth-child(139) {
background-color: #5e00ff;
animation: anim139 6s infinite ease-in-out;
animation-delay: -2.78s;
}
@keyframes anim139 {
33% {
transform: rotate(166.8deg) translate3d(71.79641px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(166.8deg) translate3d(71.79641px, 69.60801px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(166.8deg) translate3d(71.79641px, 139.21603px, 0) scale(0.1);
}
}
.c:nth-child(140) {
background-color: #6200ff;
animation: anim140 6s infinite ease-in-out;
animation-delay: -2.8s;
}
@keyframes anim140 {
33% {
transform: rotate(168deg) translate3d(-19.78136px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(168deg) translate3d(-19.78136px, 98.02397px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(168deg) translate3d(-19.78136px, 196.04793px, 0) scale(0.1);
}
}
.c:nth-child(141) {
background-color: #6600ff;
animation: anim141 6s infinite ease-in-out;
animation-delay: -2.82s;
}
@keyframes anim141 {
33% {
transform: rotate(169.2deg) translate3d(-93.17224px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(169.2deg) translate3d(-93.17224px, 36.31714px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(169.2deg) translate3d(-93.17224px, 72.63427px, 0) scale(0.1);
}
}
.c:nth-child(142) {
background-color: #6a00ff;
animation: anim142 6s infinite ease-in-out;
animation-delay: -2.84s;
}
@keyframes anim142 {
33% {
transform: rotate(170.4deg) translate3d(-80.90099px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(170.4deg) translate3d(-80.90099px, -58.7795px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(170.4deg) translate3d(-80.90099px, -117.559px, 0) scale(0.1);
}
}
.c:nth-child(143) {
background-color: #6f00ff;
animation: anim143 6s infinite ease-in-out;
animation-delay: -2.86s;
}
@keyframes anim143 {
33% {
transform: rotate(171.6deg) translate3d(5.75025px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(171.6deg) translate3d(5.75025px, -99.83454px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(171.6deg) translate3d(5.75025px, -199.66907px, 0) scale(0.1);
}
}
.c:nth-child(144) {
background-color: #7300ff;
animation: anim144 6s infinite ease-in-out;
animation-delay: -2.88s;
}
@keyframes anim144 {
33% {
transform: rotate(172.8deg) translate3d(87.11474px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(172.8deg) translate3d(87.11474px, -49.10216px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(172.8deg) translate3d(87.11474px, -98.20432px, 0) scale(0.1);
}
}
.c:nth-child(145) {
background-color: #7700ff;
animation: anim145 6s infinite ease-in-out;
animation-delay: -2.9s;
}
@keyframes anim145 {
33% {
transform: rotate(174deg) translate3d(88.38634px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(174deg) translate3d(88.38634px, 46.77452px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(174deg) translate3d(88.38634px, 93.54903px, 0) scale(0.1);
}
}
.c:nth-child(146) {
background-color: #7b00ff;
animation: anim146 6s infinite ease-in-out;
animation-delay: -2.92s;
}
@keyframes anim146 {
33% {
transform: rotate(175.2deg) translate3d(8.39594px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(175.2deg) translate3d(8.39594px, 99.64692px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(175.2deg) translate3d(8.39594px, 199.29383px, 0) scale(0.1);
}
}
.c:nth-child(147) {
background-color: #8000ff;
animation: anim147 6s infinite ease-in-out;
animation-delay: -2.94s;
}
@keyframes anim147 {
33% {
transform: rotate(176.4deg) translate3d(-79.31364px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(176.4deg) translate3d(-79.31364px, 60.9044px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(176.4deg) translate3d(-79.31364px, 121.8088px, 0) scale(0.1);
}
}
.c:nth-child(148) {
background-color: #2b00ff;
animation: anim148 6s infinite ease-in-out;
animation-delay: -2.96s;
}
@keyframes anim148 {
33% {
transform: rotate(177.6deg) translate3d(-94.10263px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(177.6deg) translate3d(-94.10263px, -33.83334px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(177.6deg) translate3d(-94.10263px, -67.66668px, 0) scale(0.1);
}
}
.c:nth-child(149) {
background-color: #2f00ff;
animation: anim149 6s infinite ease-in-out;
animation-delay: -2.98s;
}
@keyframes anim149 {
33% {
transform: rotate(178.8deg) translate3d(-22.3741px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(178.8deg) translate3d(-22.3741px, -97.46486px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(178.8deg) translate3d(-22.3741px, -194.92973px, 0) scale(0.1);
}
}
.c:nth-child(150) {
background-color: #3300ff;
animation: anim150 6s infinite ease-in-out;
animation-delay: -3s;
}
@keyframes anim150 {
33% {
transform: rotate(180deg) translate3d(69.92508px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(180deg) translate3d(69.92508px, -71.48764px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(180deg) translate3d(69.92508px, -142.97529px, 0) scale(0.1);
}
}
.c:nth-child(151) {
background-color: #3700ff;
animation: anim151 6s infinite ease-in-out;
animation-delay: -3.02s;
}
@keyframes anim151 {
33% {
transform: rotate(181.2deg) translate3d(97.93546px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(181.2deg) translate3d(97.93546px, 20.21499px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(181.2deg) translate3d(97.93546px, 40.42998px, 0) scale(0.1);
}
}
.c:nth-child(152) {
background-color: #3c00ff;
animation: anim152 6s infinite ease-in-out;
animation-delay: -3.04s;
}
@keyframes anim152 {
33% {
transform: rotate(182.4deg) translate3d(35.90443px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(182.4deg) translate3d(35.90443px, 93.33205px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(182.4deg) translate3d(35.90443px, 186.6641px, 0) scale(0.1);
}
}
.c:nth-child(153) {
background-color: #4000ff;
animation: anim153 6s infinite ease-in-out;
animation-delay: -3.06s;
}
@keyframes anim153 {
33% {
transform: rotate(183.6deg) translate3d(-59.13697px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(183.6deg) translate3d(-59.13697px, 80.64006px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(183.6deg) translate3d(-59.13697px, 161.28012px, 0) scale(0.1);
}
}
.c:nth-child(154) {
background-color: #4400ff;
animation: anim154 6s infinite ease-in-out;
animation-delay: -3.08s;
}
@keyframes anim154 {
33% {
transform: rotate(184.8deg) translate3d(-99.80811px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(184.8deg) translate3d(-99.80811px, -6.19203px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(184.8deg) translate3d(-99.80811px, -12.38407px, 0) scale(0.1);
}
}
.c:nth-child(155) {
background-color: #4800ff;
animation: anim155 6s infinite ease-in-out;
animation-delay: -3.1s;
}
@keyframes anim155 {
33% {
transform: rotate(186deg) translate3d(-48.71613px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(186deg) translate3d(-48.71613px, -87.3312px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(186deg) translate3d(-48.71613px, -174.6624px, 0) scale(0.1);
}
}
.c:nth-child(156) {
background-color: #4d00ff;
animation: anim156 6s infinite ease-in-out;
animation-delay: -3.12s;
}
@keyframes anim156 {
33% {
transform: rotate(187.2deg) translate3d(47.16523px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(187.2deg) translate3d(47.16523px, -88.17846px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(187.2deg) translate3d(47.16523px, -176.35692px, 0) scale(0.1);
}
}
.c:nth-child(157) {
background-color: #5100ff;
animation: anim157 6s infinite ease-in-out;
animation-delay: -3.14s;
}
@keyframes anim157 {
33% {
transform: rotate(188.4deg) translate3d(99.6831px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(188.4deg) translate3d(99.6831px, -7.95485px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(188.4deg) translate3d(99.6831px, -15.90971px, 0) scale(0.1);
}
}
.c:nth-child(158) {
background-color: #5500ff;
animation: anim158 6s infinite ease-in-out;
animation-delay: -3.16s;
}
@keyframes anim158 {
33% {
transform: rotate(189.6deg) translate3d(60.55279px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(189.6deg) translate3d(60.55279px, 79.58241px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(189.6deg) translate3d(60.55279px, 159.16482px, 0) scale(0.1);
}
}
.c:nth-child(159) {
background-color: #5900ff;
animation: anim159 6s infinite ease-in-out;
animation-delay: -3.18s;
}
@keyframes anim159 {
33% {
transform: rotate(190.8deg) translate3d(-34.24948px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(190.8deg) translate3d(-34.24948px, 93.95197px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(190.8deg) translate3d(-34.24948px, 187.90395px, 0) scale(0.1);
}
}
.c:nth-child(160) {
background-color: #5e00ff;
animation: anim160 6s infinite ease-in-out;
animation-delay: -3.2s;
}
@keyframes anim160 {
33% {
transform: rotate(192deg) translate3d(-97.56293px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(192deg) translate3d(-97.56293px, 21.94253px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(192deg) translate3d(-97.56293px, 43.88505px, 0) scale(0.1);
}
}
.c:nth-child(161) {
background-color: #6200ff;
animation: anim161 6s infinite ease-in-out;
animation-delay: -3.22s;
}
@keyframes anim161 {
33% {
transform: rotate(193.2deg) translate3d(-71.17748px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(193.2deg) translate3d(-71.17748px, -70.24078px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(193.2deg) translate3d(-71.17748px, -140.48156px, 0) scale(0.1);
}
}
.c:nth-child(162) {
background-color: #6600ff;
animation: anim162 6s infinite ease-in-out;
animation-delay: -3.24s;
}
@keyframes anim162 {
33% {
transform: rotate(194.4deg) translate3d(20.64822px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(194.4deg) translate3d(20.64822px, -97.84504px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(194.4deg) translate3d(20.64822px, -195.69007px, 0) scale(0.1);
}
}
.c:nth-child(163) {
background-color: #6a00ff;
animation: anim163 6s infinite ease-in-out;
animation-delay: -3.26s;
}
@keyframes anim163 {
33% {
transform: rotate(195.6deg) translate3d(93.49004px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(195.6deg) translate3d(93.49004px, -35.49102px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(195.6deg) translate3d(93.49004px, -70.98204px, 0) scale(0.1);
}
}
.c:nth-child(164) {
background-color: #6f00ff;
animation: anim164 6s infinite ease-in-out;
animation-delay: -3.28s;
}
@keyframes anim164 {
33% {
transform: rotate(196.8deg) translate3d(80.37755px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(196.8deg) translate3d(80.37755px, 59.49328px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(196.8deg) translate3d(80.37755px, 118.98656px, 0) scale(0.1);
}
}
.c:nth-child(165) {
background-color: #7300ff;
animation: anim165 6s infinite ease-in-out;
animation-delay: -3.3s;
}
@keyframes anim165 {
33% {
transform: rotate(198deg) translate3d(-6.63369px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(198deg) translate3d(-6.63369px, 99.77973px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(198deg) translate3d(-6.63369px, 199.55946px, 0) scale(0.1);
}
}
.c:nth-child(166) {
background-color: #7700ff;
animation: anim166 6s infinite ease-in-out;
animation-delay: -3.32s;
}
@keyframes anim166 {
33% {
transform: rotate(199.2deg) translate3d(-87.54595px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(199.2deg) translate3d(-87.54595px, 48.32916px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(199.2deg) translate3d(-87.54595px, 96.65831px, 0) scale(0.1);
}
}
.c:nth-child(167) {
background-color: #7b00ff;
animation: anim167 6s infinite ease-in-out;
animation-delay: -3.34s;
}
@keyframes anim167 {
33% {
transform: rotate(200.4deg) translate3d(-87.96886px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(200.4deg) translate3d(-87.96886px, -47.55502px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(200.4deg) translate3d(-87.96886px, -95.11004px, 0) scale(0.1);
}
}
.c:nth-child(168) {
background-color: #8000ff;
animation: anim168 6s infinite ease-in-out;
animation-delay: -3.36s;
}
@keyframes anim168 {
33% {
transform: rotate(201.6deg) translate3d(-7.51361px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(201.6deg) translate3d(-7.51361px, -99.71733px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(201.6deg) translate3d(-7.51361px, -199.43466px, 0) scale(0.1);
}
}
.c:nth-child(169) {
background-color: #2b00ff;
animation: anim169 6s infinite ease-in-out;
animation-delay: -3.38s;
}
@keyframes anim169 {
33% {
transform: rotate(202.8deg) translate3d(79.84962px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(202.8deg) translate3d(79.84962px, -60.19999px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(202.8deg) translate3d(79.84962px, -120.39997px, 0) scale(0.1);
}
}
.c:nth-child(170) {
background-color: #2f00ff;
animation: anim170 6s infinite ease-in-out;
animation-delay: -3.4s;
}
@keyframes anim170 {
33% {
transform: rotate(204deg) translate3d(93.79948px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(204deg) translate3d(93.79948px, 34.66495px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(204deg) translate3d(93.79948px, 69.32989px, 0) scale(0.1);
}
}
.c:nth-child(171) {
background-color: #3300ff;
animation: anim171 6s infinite ease-in-out;
animation-delay: -3.42s;
}
@keyframes anim171 {
33% {
transform: rotate(205.2deg) translate3d(21.51053px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(205.2deg) translate3d(21.51053px, 97.65909px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(205.2deg) translate3d(21.51053px, 195.31817px, 0) scale(0.1);
}
}
.c:nth-child(172) {
background-color: #3700ff;
animation: anim172 6s infinite ease-in-out;
animation-delay: -3.44s;
}
@keyframes anim172 {
33% {
transform: rotate(206.4deg) translate3d(-70.5551px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(206.4deg) translate3d(-70.5551px, 70.86591px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(206.4deg) translate3d(-70.5551px, 141.73183px, 0) scale(0.1);
}
}
.c:nth-child(173) {
background-color: #3c00ff;
animation: anim173 6s infinite ease-in-out;
animation-delay: -3.46s;
}
@keyframes anim173 {
33% {
transform: rotate(207.6deg) translate3d(-97.75269px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(207.6deg) translate3d(-97.75269px, -21.08105px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(207.6deg) translate3d(-97.75269px, -42.16211px, 0) scale(0.1);
}
}
.c:nth-child(174) {
background-color: #4000ff;
animation: anim174 6s infinite ease-in-out;
animation-delay: -3.48s;
}
@keyframes anim174 {
33% {
transform: rotate(208.8deg) translate3d(-35.07691px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(208.8deg) translate3d(-35.07691px, -93.6462px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(208.8deg) translate3d(-35.07691px, -187.29239px, 0) scale(0.1);
}
}
.c:nth-child(175) {
background-color: #4400ff;
animation: anim175 6s infinite ease-in-out;
animation-delay: -3.5s;
}
@keyframes anim175 {
33% {
transform: rotate(210deg) translate3d(59.84842px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(210deg) translate3d(59.84842px, -80.11346px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(210deg) translate3d(59.84842px, -160.22692px, 0) scale(0.1);
}
}
.c:nth-child(176) {
background-color: #4800ff;
animation: anim176 6s infinite ease-in-out;
animation-delay: -3.52s;
}
@keyframes anim176 {
33% {
transform: rotate(211.2deg) translate3d(99.74939px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(211.2deg) translate3d(99.74939px, 7.07522px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(211.2deg) translate3d(99.74939px, 14.15045px, 0) scale(0.1);
}
}
.c:nth-child(177) {
background-color: #4d00ff;
animation: anim177 6s infinite ease-in-out;
animation-delay: -3.54s;
}
@keyframes anim177 {
33% {
transform: rotate(212.4deg) translate3d(47.94123px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(212.4deg) translate3d(47.94123px, 87.75898px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(212.4deg) translate3d(47.94123px, 175.51796px, 0) scale(0.1);
}
}
.c:nth-child(178) {
background-color: #5100ff;
animation: anim178 6s infinite ease-in-out;
animation-delay: -3.56s;
}
@keyframes anim178 {
33% {
transform: rotate(213.6deg) translate3d(-47.94388px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(213.6deg) translate3d(-47.94388px, 87.75753px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(213.6deg) translate3d(-47.94388px, 175.51507px, 0) scale(0.1);
}
}
.c:nth-child(179) {
background-color: #5500ff;
animation: anim179 6s infinite ease-in-out;
animation-delay: -3.58s;
}
@keyframes anim179 {
33% {
transform: rotate(214.8deg) translate3d(-99.74961px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(214.8deg) translate3d(-99.74961px, 7.07222px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(214.8deg) translate3d(-99.74961px, 14.14443px, 0) scale(0.1);
}
}
.c:nth-child(180) {
background-color: #5900ff;
animation: anim180 6s infinite ease-in-out;
animation-delay: -3.6s;
}
@keyframes anim180 {
33% {
transform: rotate(216deg) translate3d(-59.84601px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(216deg) translate3d(-59.84601px, -80.11526px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(216deg) translate3d(-59.84601px, -160.23053px, 0) scale(0.1);
}
}
.c:nth-child(181) {
background-color: #5e00ff;
animation: anim181 6s infinite ease-in-out;
animation-delay: -3.62s;
}
@keyframes anim181 {
33% {
transform: rotate(217.2deg) translate3d(35.07973px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(217.2deg) translate3d(35.07973px, -93.64514px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(217.2deg) translate3d(35.07973px, -187.29028px, 0) scale(0.1);
}
}
.c:nth-child(182) {
background-color: #6200ff;
animation: anim182 6s infinite ease-in-out;
animation-delay: -3.64s;
}
@keyframes anim182 {
33% {
transform: rotate(218.4deg) translate3d(97.75333px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(218.4deg) translate3d(97.75333px, -21.07811px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(218.4deg) translate3d(97.75333px, -42.15621px, 0) scale(0.1);
}
}
.c:nth-child(183) {
background-color: #6600ff;
animation: anim183 6s infinite ease-in-out;
animation-delay: -3.66s;
}
@keyframes anim183 {
33% {
transform: rotate(219.6deg) translate3d(70.55296px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(219.6deg) translate3d(70.55296px, 70.86804px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(219.6deg) translate3d(70.55296px, 141.73608px, 0) scale(0.1);
}
}
.c:nth-child(184) {
background-color: #6a00ff;
animation: anim184 6s infinite ease-in-out;
animation-delay: -3.68s;
}
@keyframes anim184 {
33% {
transform: rotate(220.8deg) translate3d(-21.51347px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(220.8deg) translate3d(-21.51347px, 97.65844px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(220.8deg) translate3d(-21.51347px, 195.31688px, 0) scale(0.1);
}
}
.c:nth-child(185) {
background-color: #6f00ff;
animation: anim185 6s infinite ease-in-out;
animation-delay: -3.7s;
}
@keyframes anim185 {
33% {
transform: rotate(222deg) translate3d(-93.80052px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(222deg) translate3d(-93.80052px, 34.66212px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(222deg) translate3d(-93.80052px, 69.32424px, 0) scale(0.1);
}
}
.c:nth-child(186) {
background-color: #7300ff;
animation: anim186 6s infinite ease-in-out;
animation-delay: -3.72s;
}
@keyframes anim186 {
33% {
transform: rotate(223.2deg) translate3d(-79.8478px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(223.2deg) translate3d(-79.8478px, -60.20239px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(223.2deg) translate3d(-79.8478px, -120.40479px, 0) scale(0.1);
}
}
.c:nth-child(187) {
background-color: #7700ff;
animation: anim187 6s infinite ease-in-out;
animation-delay: -3.74s;
}
@keyframes anim187 {
33% {
transform: rotate(224.4deg) translate3d(7.51662px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(224.4deg) translate3d(7.51662px, -99.7171px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(224.4deg) translate3d(7.51662px, -199.4342px, 0) scale(0.1);
}
}
.c:nth-child(188) {
background-color: #7b00ff;
animation: anim188 6s infinite ease-in-out;
animation-delay: -3.76s;
}
@keyframes anim188 {
33% {
transform: rotate(225.6deg) translate3d(87.97029px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(225.6deg) translate3d(87.97029px, -47.55237px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(225.6deg) translate3d(87.97029px, -95.10473px, 0) scale(0.1);
}
}
.c:nth-child(189) {
background-color: #8000ff;
animation: anim189 6s infinite ease-in-out;
animation-delay: -3.78s;
}
@keyframes anim189 {
33% {
transform: rotate(226.8deg) translate3d(87.54449px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(226.8deg) translate3d(87.54449px, 48.3318px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(226.8deg) translate3d(87.54449px, 96.66359px, 0) scale(0.1);
}
}
.c:nth-child(190) {
background-color: #2b00ff;
animation: anim190 6s infinite ease-in-out;
animation-delay: -3.8s;
}
@keyframes anim190 {
33% {
transform: rotate(228deg) translate3d(6.63069px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(228deg) translate3d(6.63069px, 99.77993px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(228deg) translate3d(6.63069px, 199.55986px, 0) scale(0.1);
}
}
.c:nth-child(191) {
background-color: #2f00ff;
animation: anim191 6s infinite ease-in-out;
animation-delay: -3.82s;
}
@keyframes anim191 {
33% {
transform: rotate(229.2deg) translate3d(-80.37934px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(229.2deg) translate3d(-80.37934px, 59.49085px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(229.2deg) translate3d(-80.37934px, 118.98171px, 0) scale(0.1);
}
}
.c:nth-child(192) {
background-color: #3300ff;
animation: anim192 6s infinite ease-in-out;
animation-delay: -3.84s;
}
@keyframes anim192 {
33% {
transform: rotate(230.4deg) translate3d(-93.48897px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(230.4deg) translate3d(-93.48897px, -35.49384px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(230.4deg) translate3d(-93.48897px, -70.98767px, 0) scale(0.1);
}
}
.c:nth-child(193) {
background-color: #3700ff;
animation: anim193 6s infinite ease-in-out;
animation-delay: -3.86s;
}
@keyframes anim193 {
33% {
transform: rotate(231.6deg) translate3d(-20.64527px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(231.6deg) translate3d(-20.64527px, -97.84566px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(231.6deg) translate3d(-20.64527px, -195.69131px, 0) scale(0.1);
}
}
.c:nth-child(194) {
background-color: #3c00ff;
animation: anim194 6s infinite ease-in-out;
animation-delay: -3.88s;
}
@keyframes anim194 {
33% {
transform: rotate(232.8deg) translate3d(71.17959px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(232.8deg) translate3d(71.17959px, -70.23863px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(232.8deg) translate3d(71.17959px, -140.47727px, 0) scale(0.1);
}
}
.c:nth-child(195) {
background-color: #4000ff;
animation: anim195 6s infinite ease-in-out;
animation-delay: -3.9s;
}
@keyframes anim195 {
33% {
transform: rotate(234deg) translate3d(97.56227px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(234deg) translate3d(97.56227px, 21.94547px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(234deg) translate3d(97.56227px, 43.89093px, 0) scale(0.1);
}
}
.c:nth-child(196) {
background-color: #4400ff;
animation: anim196 6s infinite ease-in-out;
animation-delay: -3.92s;
}
@keyframes anim196 {
33% {
transform: rotate(235.2deg) translate3d(34.24665px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(235.2deg) translate3d(34.24665px, 93.95301px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(235.2deg) translate3d(34.24665px, 187.90601px, 0) scale(0.1);
}
}
.c:nth-child(197) {
background-color: #4800ff;
animation: anim197 6s infinite ease-in-out;
animation-delay: -3.94s;
}
@keyframes anim197 {
33% {
transform: rotate(236.4deg) translate3d(-60.55519px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(236.4deg) translate3d(-60.55519px, 79.58058px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(236.4deg) translate3d(-60.55519px, 159.16117px, 0) scale(0.1);
}
}
.c:nth-child(198) {
background-color: #4d00ff;
animation: anim198 6s infinite ease-in-out;
animation-delay: -3.96s;
}
@keyframes anim198 {
33% {
transform: rotate(237.6deg) translate3d(-99.68286px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(237.6deg) translate3d(-99.68286px, -7.95786px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(237.6deg) translate3d(-99.68286px, -15.91572px, 0) scale(0.1);
}
}
.c:nth-child(199) {
background-color: #5100ff;
animation: anim199 6s infinite ease-in-out;
animation-delay: -3.98s;
}
@keyframes anim199 {
33% {
transform: rotate(238.8deg) translate3d(-47.16257px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(238.8deg) translate3d(-47.16257px, -88.17988px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(238.8deg) translate3d(-47.16257px, -176.35977px, 0) scale(0.1);
}
}
.c:nth-child(200) {
background-color: #5500ff;
animation: anim200 6s infinite ease-in-out;
animation-delay: -4s;
}
@keyframes anim200 {
33% {
transform: rotate(240deg) translate3d(48.71877px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(240deg) translate3d(48.71877px, -87.32973px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(240deg) translate3d(48.71877px, -174.65946px, 0) scale(0.1);
}
}
.c:nth-child(201) {
background-color: #5900ff;
animation: anim201 6s infinite ease-in-out;
animation-delay: -4.02s;
}
@keyframes anim201 {
33% {
transform: rotate(241.2deg) translate3d(99.8083px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(241.2deg) translate3d(99.8083px, -6.18903px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(241.2deg) translate3d(99.8083px, -12.37805px, 0) scale(0.1);
}
}
.c:nth-child(202) {
background-color: #5e00ff;
animation: anim202 6s infinite ease-in-out;
animation-delay: -4.04s;
}
@keyframes anim202 {
33% {
transform: rotate(242.4deg) translate3d(59.13454px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(242.4deg) translate3d(59.13454px, 80.64184px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(242.4deg) translate3d(59.13454px, 161.28368px, 0) scale(0.1);
}
}
.c:nth-child(203) {
background-color: #6200ff;
animation: anim203 6s infinite ease-in-out;
animation-delay: -4.06s;
}
@keyframes anim203 {
33% {
transform: rotate(243.6deg) translate3d(-35.90724px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(243.6deg) translate3d(-35.90724px, 93.33097px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(243.6deg) translate3d(-35.90724px, 186.66194px, 0) scale(0.1);
}
}
.c:nth-child(204) {
background-color: #6600ff;
animation: anim204 6s infinite ease-in-out;
animation-delay: -4.08s;
}
@keyframes anim204 {
33% {
transform: rotate(244.8deg) translate3d(-97.93607px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(244.8deg) translate3d(-97.93607px, 20.21204px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(244.8deg) translate3d(-97.93607px, 40.42407px, 0) scale(0.1);
}
}
.c:nth-child(205) {
background-color: #6a00ff;
animation: anim205 6s infinite ease-in-out;
animation-delay: -4.1s;
}
@keyframes anim205 {
33% {
transform: rotate(246deg) translate3d(-69.92293px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(246deg) translate3d(-69.92293px, -71.48975px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(246deg) translate3d(-69.92293px, -142.9795px, 0) scale(0.1);
}
}
.c:nth-child(206) {
background-color: #6f00ff;
animation: anim206 6s infinite ease-in-out;
animation-delay: -4.12s;
}
@keyframes anim206 {
33% {
transform: rotate(247.2deg) translate3d(22.37703px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(247.2deg) translate3d(22.37703px, -97.46419px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(247.2deg) translate3d(22.37703px, -194.92838px, 0) scale(0.1);
}
}
.c:nth-child(207) {
background-color: #7300ff;
animation: anim207 6s infinite ease-in-out;
animation-delay: -4.14s;
}
@keyframes anim207 {
33% {
transform: rotate(248.4deg) translate3d(94.10365px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(248.4deg) translate3d(94.10365px, -33.8305px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(248.4deg) translate3d(94.10365px, -67.66101px, 0) scale(0.1);
}
}
.c:nth-child(208) {
background-color: #7700ff;
animation: anim208 6s infinite ease-in-out;
animation-delay: -4.16s;
}
@keyframes anim208 {
33% {
transform: rotate(249.6deg) translate3d(79.31181px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(249.6deg) translate3d(79.31181px, 60.90679px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(249.6deg) translate3d(79.31181px, 121.81359px, 0) scale(0.1);
}
}
.c:nth-child(209) {
background-color: #7b00ff;
animation: anim209 6s infinite ease-in-out;
animation-delay: -4.18s;
}
@keyframes anim209 {
33% {
transform: rotate(250.8deg) translate3d(-8.39895px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(250.8deg) translate3d(-8.39895px, 99.64666px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(250.8deg) translate3d(-8.39895px, 199.29333px, 0) scale(0.1);
}
}
.c:nth-child(210) {
background-color: #8000ff;
animation: anim210 6s infinite ease-in-out;
animation-delay: -4.2s;
}
@keyframes anim210 {
33% {
transform: rotate(252deg) translate3d(-88.38775px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(252deg) translate3d(-88.38775px, 46.77185px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(252deg) translate3d(-88.38775px, 93.5437px, 0) scale(0.1);
}
}
.c:nth-child(211) {
background-color: #2b00ff;
animation: anim211 6s infinite ease-in-out;
animation-delay: -4.22s;
}
@keyframes anim211 {
33% {
transform: rotate(253.2deg) translate3d(-87.11326px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(253.2deg) translate3d(-87.11326px, -49.10479px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(253.2deg) translate3d(-87.11326px, -98.20957px, 0) scale(0.1);
}
}
.c:nth-child(212) {
background-color: #2f00ff;
animation: anim212 6s infinite ease-in-out;
animation-delay: -4.24s;
}
@keyframes anim212 {
33% {
transform: rotate(254.4deg) translate3d(-5.74724px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(254.4deg) translate3d(-5.74724px, -99.83471px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(254.4deg) translate3d(-5.74724px, -199.66942px, 0) scale(0.1);
}
}
.c:nth-child(213) {
background-color: #3300ff;
animation: anim213 6s infinite ease-in-out;
animation-delay: -4.26s;
}
@keyframes anim213 {
33% {
transform: rotate(255.6deg) translate3d(80.90276px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(255.6deg) translate3d(80.90276px, -58.77706px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(255.6deg) translate3d(80.90276px, -117.55412px, 0) scale(0.1);
}
}
.c:nth-child(214) {
background-color: #3700ff;
animation: anim214 6s infinite ease-in-out;
animation-delay: -4.28s;
}
@keyframes anim214 {
33% {
transform: rotate(256.8deg) translate3d(93.17114px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(256.8deg) translate3d(93.17114px, 36.31995px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(256.8deg) translate3d(93.17114px, 72.63989px, 0) scale(0.1);
}
}
.c:nth-child(215) {
background-color: #3c00ff;
animation: anim215 6s infinite ease-in-out;
animation-delay: -4.3s;
}
@keyframes anim215 {
33% {
transform: rotate(258deg) translate3d(19.7784px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(258deg) translate3d(19.7784px, 98.02456px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(258deg) translate3d(19.7784px, 196.04912px, 0) scale(0.1);
}
}
.c:nth-child(216) {
background-color: #4000ff;
animation: anim216 6s infinite ease-in-out;
animation-delay: -4.32s;
}
@keyframes anim216 {
33% {
transform: rotate(259.2deg) translate3d(-71.79851px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(259.2deg) translate3d(-71.79851px, 69.60585px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(259.2deg) translate3d(-71.79851px, 139.2117px, 0) scale(0.1);
}
}
.c:nth-child(217) {
background-color: #4400ff;
animation: anim217 6s infinite ease-in-out;
animation-delay: -4.34s;
}
@keyframes anim217 {
33% {
transform: rotate(260.4deg) translate3d(-97.3642px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(260.4deg) translate3d(-97.3642px, -22.80816px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(260.4deg) translate3d(-97.3642px, -45.61632px, 0) scale(0.1);
}
}
.c:nth-child(218) {
background-color: #4800ff;
animation: anim218 6s infinite ease-in-out;
animation-delay: -4.36s;
}
@keyframes anim218 {
33% {
transform: rotate(261.6deg) translate3d(-33.4137px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(261.6deg) translate3d(-33.4137px, -94.25245px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(261.6deg) translate3d(-33.4137px, -188.50491px, 0) scale(0.1);
}
}
.c:nth-child(219) {
background-color: #4d00ff;
animation: anim219 6s infinite ease-in-out;
animation-delay: -4.38s;
}
@keyframes anim219 {
33% {
transform: rotate(262.8deg) translate3d(61.25721px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(262.8deg) translate3d(61.25721px, -79.04147px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(262.8deg) translate3d(61.25721px, -158.08295px, 0) scale(0.1);
}
}
.c:nth-child(220) {
background-color: #5100ff;
animation: anim220 6s infinite ease-in-out;
animation-delay: -4.4s;
}
@keyframes anim220 {
33% {
transform: rotate(264deg) translate3d(99.60852px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(264deg) translate3d(99.60852px, 8.83987px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(264deg) translate3d(99.60852px, 17.67974px, 0) scale(0.1);
}
}
.c:nth-child(221) {
background-color: #5500ff;
animation: anim221 6s infinite ease-in-out;
animation-delay: -4.42s;
}
@keyframes anim221 {
33% {
transform: rotate(265.2deg) translate3d(46.38022px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(265.2deg) translate3d(46.38022px, 88.59388px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(265.2deg) translate3d(46.38022px, 177.18776px, 0) scale(0.1);
}
}
.c:nth-child(222) {
background-color: #5900ff;
animation: anim222 6s infinite ease-in-out;
animation-delay: -4.44s;
}
@keyframes anim222 {
33% {
transform: rotate(266.4deg) translate3d(-49.48984px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(266.4deg) translate3d(-49.48984px, 86.89508px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(266.4deg) translate3d(-49.48984px, 173.79017px, 0) scale(0.1);
}
}
.c:nth-child(223) {
background-color: #5e00ff;
animation: anim223 6s infinite ease-in-out;
animation-delay: -4.46s;
}
@keyframes anim223 {
33% {
transform: rotate(267.6deg) translate3d(-99.85917px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(267.6deg) translate3d(-99.85917px, 5.30535px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(267.6deg) translate3d(-99.85917px, 10.6107px, 0) scale(0.1);
}
}
.c:nth-child(224) {
background-color: #6200ff;
animation: anim224 6s infinite ease-in-out;
animation-delay: -4.48s;
}
@keyframes anim224 {
33% {
transform: rotate(268.8deg) translate3d(-58.41844px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(268.8deg) translate3d(-58.41844px, -81.1621px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(268.8deg) translate3d(-58.41844px, -162.3242px, 0) scale(0.1);
}
}
.c:nth-child(225) {
background-color: #6600ff;
animation: anim225 6s infinite ease-in-out;
animation-delay: -4.5s;
}
@keyframes anim225 {
33% {
transform: rotate(270deg) translate3d(36.73194px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(270deg) translate3d(36.73194px, -93.00949px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(270deg) translate3d(36.73194px, -186.01898px, 0) scale(0.1);
}
}
.c:nth-child(226) {
background-color: #6a00ff;
animation: anim226 6s infinite ease-in-out;
animation-delay: -4.52s;
}
@keyframes anim226 {
33% {
transform: rotate(271.2deg) translate3d(98.11114px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(271.2deg) translate3d(98.11114px, -19.34438px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(271.2deg) translate3d(98.11114px, -38.68876px, 0) scale(0.1);
}
}
.c:nth-child(227) {
background-color: #6f00ff;
animation: anim227 6s infinite ease-in-out;
animation-delay: -4.54s;
}
@keyframes anim227 {
33% {
transform: rotate(272.4deg) translate3d(69.28741px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(272.4deg) translate3d(69.28741px, 72.10586px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(272.4deg) translate3d(69.28741px, 144.21172px, 0) scale(0.1);
}
}
.c:nth-child(228) {
background-color: #7300ff;
animation: anim228 6s infinite ease-in-out;
animation-delay: -4.56s;
}
@keyframes anim228 {
33% {
transform: rotate(273.6deg) translate3d(-23.23884px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(273.6deg) translate3d(-23.23884px, 97.26231px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(273.6deg) translate3d(-23.23884px, 194.52461px, 0) scale(0.1);
}
}
.c:nth-child(229) {
background-color: #7700ff;
animation: anim229 6s infinite ease-in-out;
animation-delay: -4.58s;
}
@keyframes anim229 {
33% {
transform: rotate(274.8deg) translate3d(-94.39941px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(274.8deg) translate3d(-94.39941px, 32.99624px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(274.8deg) translate3d(-94.39941px, 65.99247px, 0) scale(0.1);
}
}
.c:nth-child(230) {
background-color: #7b00ff;
animation: anim230 6s infinite ease-in-out;
animation-delay: -4.6s;
}
@keyframes anim230 {
33% {
transform: rotate(276deg) translate3d(-78.76959px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(276deg) translate3d(-78.76959px, -61.60642px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(276deg) translate3d(-78.76959px, -123.21284px, 0) scale(0.1);
}
}
.c:nth-child(231) {
background-color: #8000ff;
animation: anim231 6s infinite ease-in-out;
animation-delay: -4.62s;
}
@keyframes anim231 {
33% {
transform: rotate(277.2deg) translate3d(9.28062px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(277.2deg) translate3d(9.28062px, -99.56842px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(277.2deg) translate3d(9.28062px, -199.13684px, 0) scale(0.1);
}
}
.c:nth-child(232) {
background-color: #2b00ff;
animation: anim232 6s infinite ease-in-out;
animation-delay: -4.64s;
}
@keyframes anim232 {
33% {
transform: rotate(278.4deg) translate3d(88.79828px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(278.4deg) translate3d(88.79828px, -45.98767px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(278.4deg) translate3d(88.79828px, -91.97534px, 0) scale(0.1);
}
}
.c:nth-child(233) {
background-color: #2f00ff;
animation: anim233 6s infinite ease-in-out;
animation-delay: -4.66s;
}
@keyframes anim233 {
33% {
transform: rotate(279.6deg) translate3d(86.67521px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(279.6deg) translate3d(86.67521px, 49.87393px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(279.6deg) translate3d(86.67521px, 99.74786px, 0) scale(0.1);
}
}
.c:nth-child(234) {
background-color: #3300ff;
animation: anim234 6s infinite ease-in-out;
animation-delay: -4.68s;
}
@keyframes anim234 {
33% {
transform: rotate(280.8deg) translate3d(4.86335px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(280.8deg) translate3d(4.86335px, 99.88167px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(280.8deg) translate3d(4.86335px, 199.76334px, 0) scale(0.1);
}
}
.c:nth-child(235) {
background-color: #3700ff;
animation: anim235 6s infinite ease-in-out;
animation-delay: -4.7s;
}
@keyframes anim235 {
33% {
transform: rotate(282deg) translate3d(-81.41985px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(282deg) translate3d(-81.41985px, 58.05866px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(282deg) translate3d(-81.41985px, 116.11733px, 0) scale(0.1);
}
}
.c:nth-child(236) {
background-color: #3c00ff;
animation: anim236 6s infinite ease-in-out;
animation-delay: -4.72s;
}
@keyframes anim236 {
33% {
transform: rotate(283.2deg) translate3d(-92.84601px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(283.2deg) translate3d(-92.84601px, -37.14321px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(283.2deg) translate3d(-92.84601px, -74.28642px, 0) scale(0.1);
}
}
.c:nth-child(237) {
background-color: #4000ff;
animation: anim237 6s infinite ease-in-out;
animation-delay: -4.74s;
}
@keyframes anim237 {
33% {
transform: rotate(284.4deg) translate3d(-18.90998px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(284.4deg) translate3d(-18.90998px, -98.19579px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(284.4deg) translate3d(-18.90998px, -196.39157px, 0) scale(0.1);
}
}
.c:nth-child(238) {
background-color: #4400ff;
animation: anim238 6s infinite ease-in-out;
animation-delay: -4.76s;
}
@keyframes anim238 {
33% {
transform: rotate(285.6deg) translate3d(72.4118px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(285.6deg) translate3d(72.4118px, -68.96761px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(285.6deg) translate3d(72.4118px, -137.93522px, 0) scale(0.1);
}
}
.c:nth-child(239) {
background-color: #4800ff;
animation: anim239 6s infinite ease-in-out;
animation-delay: -4.78s;
}
@keyframes anim239 {
33% {
transform: rotate(286.8deg) translate3d(97.15851px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(286.8deg) translate3d(97.15851px, 23.66907px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(286.8deg) translate3d(97.15851px, 47.33814px, 0) scale(0.1);
}
}
.c:nth-child(240) {
background-color: #4d00ff;
animation: anim240 6s infinite ease-in-out;
animation-delay: -4.8s;
}
@keyframes anim240 {
33% {
transform: rotate(288deg) translate3d(32.57813px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(288deg) translate3d(32.57813px, 94.54452px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(288deg) translate3d(32.57813px, 189.08903px, 0) scale(0.1);
}
}
.c:nth-child(241) {
background-color: #5100ff;
animation: anim241 6s infinite ease-in-out;
animation-delay: -4.82s;
}
@keyframes anim241 {
33% {
transform: rotate(289.2deg) translate3d(-61.95443px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(289.2deg) translate3d(-61.95443px, 78.49617px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(289.2deg) translate3d(-61.95443px, 156.99234px, 0) scale(0.1);
}
}
.c:nth-child(242) {
background-color: #5500ff;
animation: anim242 6s infinite ease-in-out;
animation-delay: -4.84s;
}
@keyframes anim242 {
33% {
transform: rotate(290.4deg) translate3d(-99.52637px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(290.4deg) translate3d(-99.52637px, -9.72119px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(290.4deg) translate3d(-99.52637px, -19.44238px, 0) scale(0.1);
}
}
.c:nth-child(243) {
background-color: #5900ff;
animation: anim243 6s infinite ease-in-out;
animation-delay: -4.86s;
}
@keyframes anim243 {
33% {
transform: rotate(291.6deg) translate3d(-45.59423px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(291.6deg) translate3d(-45.59423px, -89.00093px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(291.6deg) translate3d(-45.59423px, -178.00187px, 0) scale(0.1);
}
}
.c:nth-child(244) {
background-color: #5e00ff;
animation: anim244 6s infinite ease-in-out;
animation-delay: -4.88s;
}
@keyframes anim244 {
33% {
transform: rotate(292.8deg) translate3d(50.25704px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(292.8deg) translate3d(50.25704px, -86.45363px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(292.8deg) translate3d(50.25704px, -172.90726px, 0) scale(0.1);
}
}
.c:nth-child(245) {
background-color: #6200ff;
animation: anim245 6s infinite ease-in-out;
animation-delay: -4.9s;
}
@keyframes anim245 {
33% {
transform: rotate(294deg) translate3d(99.90221px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(294deg) translate3d(99.90221px, -4.42126px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(294deg) translate3d(99.90221px, -8.84251px, 0) scale(0.1);
}
}
.c:nth-child(246) {
background-color: #6600ff;
animation: anim246 6s infinite ease-in-out;
animation-delay: -4.92s;
}
@keyframes anim246 {
33% {
transform: rotate(295.2deg) translate3d(57.69776px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(295.2deg) translate3d(57.69776px, 81.676px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(295.2deg) translate3d(57.69776px, 163.352px, 0) scale(0.1);
}
}
.c:nth-child(247) {
background-color: #6a00ff;
animation: anim247 6s infinite ease-in-out;
animation-delay: -4.94s;
}
@keyframes anim247 {
33% {
transform: rotate(296.4deg) translate3d(-37.55375px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(296.4deg) translate3d(-37.55375px, 92.68072px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(296.4deg) translate3d(-37.55375px, 185.36144px, 0) scale(0.1);
}
}
.c:nth-child(248) {
background-color: #6f00ff;
animation: anim248 6s infinite ease-in-out;
animation-delay: -4.96s;
}
@keyframes anim248 {
33% {
transform: rotate(297.6deg) translate3d(-98.27852px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(297.6deg) translate3d(-98.27852px, 18.47521px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(297.6deg) translate3d(-98.27852px, 36.95042px, 0) scale(0.1);
}
}
.c:nth-child(249) {
background-color: #7300ff;
animation: anim249 6s infinite ease-in-out;
animation-delay: -4.98s;
}
@keyframes anim249 {
33% {
transform: rotate(298.8deg) translate3d(-68.64646px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(298.8deg) translate3d(-68.64646px, -72.71632px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(298.8deg) translate3d(-68.64646px, -145.43264px, 0) scale(0.1);
}
}
.c:nth-child(250) {
background-color: #7700ff;
animation: anim250 6s infinite ease-in-out;
animation-delay: -5s;
}
@keyframes anim250 {
33% {
transform: rotate(300deg) translate3d(24.09883px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(300deg) translate3d(24.09883px, -97.0528px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(300deg) translate3d(24.09883px, -194.1056px, 0) scale(0.1);
}
}
.c:nth-child(251) {
background-color: #7b00ff;
animation: anim251 6s infinite ease-in-out;
animation-delay: -5.02s;
}
@keyframes anim251 {
33% {
transform: rotate(301.2deg) translate3d(94.68777px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(301.2deg) translate3d(94.68777px, -32.15939px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(301.2deg) translate3d(94.68777px, -64.31877px, 0) scale(0.1);
}
}
.c:nth-child(252) {
background-color: #8000ff;
animation: anim252 6s infinite ease-in-out;
animation-delay: -5.04s;
}
@keyframes anim252 {
33% {
transform: rotate(302.4deg) translate3d(78.22121px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(302.4deg) translate3d(78.22121px, 62.30122px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(302.4deg) translate3d(78.22121px, 124.60244px, 0) scale(0.1);
}
}
.c:nth-child(253) {
background-color: #2b00ff;
animation: anim253 6s infinite ease-in-out;
animation-delay: -5.06s;
}
@keyframes anim253 {
33% {
transform: rotate(303.6deg) translate3d(-10.16157px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(303.6deg) translate3d(-10.16157px, 99.48237px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(303.6deg) translate3d(-10.16157px, 198.96475px, 0) scale(0.1);
}
}
.c:nth-child(254) {
background-color: #2f00ff;
animation: anim254 6s infinite ease-in-out;
animation-delay: -5.08s;
}
@keyframes anim254 {
33% {
transform: rotate(304.8deg) translate3d(-89.20185px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(304.8deg) translate3d(-89.20185px, 45.19989px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(304.8deg) translate3d(-89.20185px, 90.39978px, 0) scale(0.1);
}
}
.c:nth-child(255) {
background-color: #3300ff;
animation: anim255 6s infinite ease-in-out;
animation-delay: -5.1s;
}
@keyframes anim255 {
33% {
transform: rotate(306deg) translate3d(-86.23036px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(306deg) translate3d(-86.23036px, -50.63916px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(306deg) translate3d(-86.23036px, -101.27833px, 0) scale(0.1);
}
}
.c:nth-child(256) {
background-color: #3700ff;
animation: anim256 6s infinite ease-in-out;
animation-delay: -5.12s;
}
@keyframes anim256 {
33% {
transform: rotate(307.2deg) translate3d(-3.97908px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(307.2deg) translate3d(-3.97908px, -99.9208px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(307.2deg) translate3d(-3.97908px, -199.84161px, 0) scale(0.1);
}
}
.c:nth-child(257) {
background-color: #3c00ff;
animation: anim257 6s infinite ease-in-out;
animation-delay: -5.14s;
}
@keyframes anim257 {
33% {
transform: rotate(308.4deg) translate3d(81.93055px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(308.4deg) translate3d(81.93055px, -57.33572px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(308.4deg) translate3d(81.93055px, -114.67143px, 0) scale(0.1);
}
}
.c:nth-child(258) {
background-color: #4000ff;
animation: anim258 6s infinite ease-in-out;
animation-delay: -5.16s;
}
@keyframes anim258 {
33% {
transform: rotate(309.6deg) translate3d(92.51361px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(309.6deg) translate3d(92.51361px, 37.96356px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(309.6deg) translate3d(92.51361px, 75.92713px, 0) scale(0.1);
}
}
.c:nth-child(259) {
background-color: #4400ff;
animation: anim259 6s infinite ease-in-out;
animation-delay: -5.18s;
}
@keyframes anim259 {
33% {
transform: rotate(310.8deg) translate3d(18.04008px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(310.8deg) translate3d(18.04008px, 98.35932px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(310.8deg) translate3d(18.04008px, 196.71864px, 0) scale(0.1);
}
}
.c:nth-child(260) {
background-color: #4800ff;
animation: anim260 6s infinite ease-in-out;
animation-delay: -5.2s;
}
@keyframes anim260 {
33% {
transform: rotate(312deg) translate3d(-73.01942px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(312deg) translate3d(-73.01942px, 68.32397px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(312deg) translate3d(-73.01942px, 136.64794px, 0) scale(0.1);
}
}
.c:nth-child(261) {
background-color: #4d00ff;
animation: anim261 6s infinite ease-in-out;
animation-delay: -5.22s;
}
@keyframes anim261 {
33% {
transform: rotate(313.2deg) translate3d(-96.9452px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(313.2deg) translate3d(-96.9452px, -24.52812px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(313.2deg) translate3d(-96.9452px, -49.05624px, 0) scale(0.1);
}
}
.c:nth-child(262) {
background-color: #5100ff;
animation: anim262 6s infinite ease-in-out;
animation-delay: -5.24s;
}
@keyframes anim262 {
33% {
transform: rotate(314.4deg) translate3d(-31.74001px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(314.4deg) translate3d(-31.74001px, -94.82917px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(314.4deg) translate3d(-31.74001px, -189.65834px, 0) scale(0.1);
}
}
.c:nth-child(263) {
background-color: #5500ff;
animation: anim263 6s infinite ease-in-out;
animation-delay: -5.26s;
}
@keyframes anim263 {
33% {
transform: rotate(315.6deg) translate3d(62.64679px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(315.6deg) translate3d(62.64679px, -77.94472px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(315.6deg) translate3d(62.64679px, -155.88944px, 0) scale(0.1);
}
}
.c:nth-child(264) {
background-color: #5900ff;
animation: anim264 6s infinite ease-in-out;
animation-delay: -5.28s;
}
@keyframes anim264 {
33% {
transform: rotate(316.8deg) translate3d(99.43643px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(316.8deg) translate3d(99.43643px, 10.60175px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(316.8deg) translate3d(99.43643px, 21.2035px, 0) scale(0.1);
}
}
.c:nth-child(265) {
background-color: #5e00ff;
animation: anim265 6s infinite ease-in-out;
animation-delay: -5.3s;
}
@keyframes anim265 {
33% {
transform: rotate(318deg) translate3d(44.80467px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(318deg) translate3d(44.80467px, 89.40102px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(318deg) translate3d(44.80467px, 178.80203px, 0) scale(0.1);
}
}
.c:nth-child(266) {
background-color: #6200ff;
animation: anim266 6s infinite ease-in-out;
animation-delay: -5.32s;
}
@keyframes anim266 {
33% {
transform: rotate(319.2deg) translate3d(-51.0203px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(319.2deg) translate3d(-51.0203px, 86.0054px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(319.2deg) translate3d(-51.0203px, 172.01081px, 0) scale(0.1);
}
}
.c:nth-child(267) {
background-color: #6600ff;
animation: anim267 6s infinite ease-in-out;
animation-delay: -5.34s;
}
@keyframes anim267 {
33% {
transform: rotate(320.4deg) translate3d(-99.93744px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(320.4deg) translate3d(-99.93744px, 3.53682px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(320.4deg) translate3d(-99.93744px, 7.07364px, 0) scale(0.1);
}
}
.c:nth-child(268) {
background-color: #6a00ff;
animation: anim268 6s infinite ease-in-out;
animation-delay: -5.36s;
}
@keyframes anim268 {
33% {
transform: rotate(321.6deg) translate3d(-56.97256px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(321.6deg) translate3d(-56.97256px, -82.1835px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(321.6deg) translate3d(-56.97256px, -164.367px, 0) scale(0.1);
}
}
.c:nth-child(269) {
background-color: #6f00ff;
animation: anim269 6s infinite ease-in-out;
animation-delay: -5.38s;
}
@keyframes anim269 {
33% {
transform: rotate(322.8deg) translate3d(38.37263px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(322.8deg) translate3d(38.37263px, -92.34469px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(322.8deg) translate3d(38.37263px, -184.68938px, 0) scale(0.1);
}
}
.c:nth-child(270) {
background-color: #7300ff;
animation: anim270 6s infinite ease-in-out;
animation-delay: -5.4s;
}
@keyframes anim270 {
33% {
transform: rotate(324deg) translate3d(98.4382px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(324deg) translate3d(98.4382px, -17.60459px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(324deg) translate3d(98.4382px, -35.20919px, 0) scale(0.1);
}
}
.c:nth-child(271) {
background-color: #7700ff;
animation: anim271 6s infinite ease-in-out;
animation-delay: -5.42s;
}
@keyframes anim271 {
33% {
transform: rotate(325.2deg) translate3d(68.00014px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(325.2deg) translate3d(68.00014px, 73.32108px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(325.2deg) translate3d(68.00014px, 146.64216px, 0) scale(0.1);
}
}
.c:nth-child(272) {
background-color: #7b00ff;
animation: anim272 6s infinite ease-in-out;
animation-delay: -5.44s;
}
@keyframes anim272 {
33% {
transform: rotate(326.4deg) translate3d(-24.95693px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(326.4deg) translate3d(-24.95693px, 96.83569px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(326.4deg) translate3d(-24.95693px, 193.67139px, 0) scale(0.1);
}
}
.c:nth-child(273) {
background-color: #8000ff;
animation: anim273 6s infinite ease-in-out;
animation-delay: -5.46s;
}
@keyframes anim273 {
33% {
transform: rotate(327.6deg) translate3d(-94.96871px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(327.6deg) translate3d(-94.96871px, 31.32002px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(327.6deg) translate3d(-94.96871px, 62.64003px, 0) scale(0.1);
}
}
.c:nth-child(274) {
background-color: #2b00ff;
animation: anim274 6s infinite ease-in-out;
animation-delay: -5.48s;
}
@keyframes anim274 {
33% {
transform: rotate(328.8deg) translate3d(-77.6667px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(328.8deg) translate3d(-77.6667px, -62.99114px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(328.8deg) translate3d(-77.6667px, -125.98228px, 0) scale(0.1);
}
}
.c:nth-child(275) {
background-color: #2f00ff;
animation: anim275 6s infinite ease-in-out;
animation-delay: -5.5s;
}
@keyframes anim275 {
33% {
transform: rotate(330deg) translate3d(11.04172px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(330deg) translate3d(11.04172px, -99.38853px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(330deg) translate3d(11.04172px, -198.77707px, 0) scale(0.1);
}
}
.c:nth-child(276) {
background-color: #3300ff;
animation: anim276 6s infinite ease-in-out;
animation-delay: -5.52s;
}
@keyframes anim276 {
33% {
transform: rotate(331.2deg) translate3d(89.59843px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(331.2deg) translate3d(89.59843px, -44.40857px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(331.2deg) translate3d(89.59843px, -88.81713px, 0) scale(0.1);
}
}
.c:nth-child(277) {
background-color: #3700ff;
animation: anim277 6s infinite ease-in-out;
animation-delay: -5.54s;
}
@keyframes anim277 {
33% {
transform: rotate(332.4deg) translate3d(85.77876px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(332.4deg) translate3d(85.77876px, 51.40043px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(332.4deg) translate3d(85.77876px, 102.80086px, 0) scale(0.1);
}
}
.c:nth-child(278) {
background-color: #3c00ff;
animation: anim278 6s infinite ease-in-out;
animation-delay: -5.56s;
}
@keyframes anim278 {
33% {
transform: rotate(333.6deg) translate3d(3.09449px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(333.6deg) translate3d(3.09449px, 99.95211px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(333.6deg) translate3d(3.09449px, 199.90422px, 0) scale(0.1);
}
}
.c:nth-child(279) {
background-color: #4000ff;
animation: anim279 6s infinite ease-in-out;
animation-delay: -5.58s;
}
@keyframes anim279 {
33% {
transform: rotate(334.8deg) translate3d(-82.43484px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(334.8deg) translate3d(-82.43484px, 56.60828px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(334.8deg) translate3d(-82.43484px, 113.21656px, 0) scale(0.1);
}
}
.c:nth-child(280) {
background-color: #4400ff;
animation: anim280 6s infinite ease-in-out;
animation-delay: -5.6s;
}
@keyframes anim280 {
33% {
transform: rotate(336deg) translate3d(-92.17396px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(336deg) translate3d(-92.17396px, -38.78094px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(336deg) translate3d(-92.17396px, -77.56188px, 0) scale(0.1);
}
}
.c:nth-child(281) {
background-color: #4800ff;
animation: anim281 6s infinite ease-in-out;
animation-delay: -5.62s;
}
@keyframes anim281 {
33% {
transform: rotate(337.2deg) translate3d(-17.16876px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(337.2deg) translate3d(-17.16876px, -98.51514px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(337.2deg) translate3d(-17.16876px, -197.03029px, 0) scale(0.1);
}
}
.c:nth-child(282) {
background-color: #4d00ff;
animation: anim282 6s infinite ease-in-out;
animation-delay: -5.64s;
}
@keyframes anim282 {
33% {
transform: rotate(338.4deg) translate3d(73.62131px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(338.4deg) translate3d(73.62131px, -67.67498px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(338.4deg) translate3d(73.62131px, -135.34995px, 0) scale(0.1);
}
}
.c:nth-child(283) {
background-color: #5100ff;
animation: anim283 6s infinite ease-in-out;
animation-delay: -5.66s;
}
@keyframes anim283 {
33% {
transform: rotate(339.6deg) translate3d(96.72429px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(339.6deg) translate3d(96.72429px, 25.38525px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(339.6deg) translate3d(96.72429px, 50.7705px, 0) scale(0.1);
}
}
.c:nth-child(284) {
background-color: #5500ff;
animation: anim284 6s infinite ease-in-out;
animation-delay: -5.68s;
}
@keyframes anim284 {
33% {
transform: rotate(340.8deg) translate3d(30.89941px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(340.8deg) translate3d(30.89941px, 95.1064px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(340.8deg) translate3d(30.89941px, 190.21279px, 0) scale(0.1);
}
}
.c:nth-child(285) {
background-color: #5900ff;
animation: anim285 6s infinite ease-in-out;
animation-delay: -5.7s;
}
@keyframes anim285 {
33% {
transform: rotate(342deg) translate3d(-63.33425px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(342deg) translate3d(-63.33425px, 77.38716px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(342deg) translate3d(-63.33425px, 154.77432px, 0) scale(0.1);
}
}
.c:nth-child(286) {
background-color: #5e00ff;
animation: anim286 6s infinite ease-in-out;
animation-delay: -5.72s;
}
@keyframes anim286 {
33% {
transform: rotate(343.2deg) translate3d(-99.33869px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(343.2deg) translate3d(-99.33869px, -11.48148px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(343.2deg) translate3d(-99.33869px, -22.96295px, 0) scale(0.1);
}
}
.c:nth-child(287) {
background-color: #6200ff;
animation: anim287 6s infinite ease-in-out;
animation-delay: -5.74s;
}
@keyframes anim287 {
33% {
transform: rotate(344.4deg) translate3d(-44.0116px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(344.4deg) translate3d(-44.0116px, -89.79409px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(344.4deg) translate3d(-44.0116px, -179.58819px, 0) scale(0.1);
}
}
.c:nth-child(288) {
background-color: #6600ff;
animation: anim288 6s infinite ease-in-out;
animation-delay: -5.76s;
}
@keyframes anim288 {
33% {
transform: rotate(345.6deg) translate3d(51.77956px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(345.6deg) translate3d(51.77956px, -85.55044px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(345.6deg) translate3d(51.77956px, -171.10087px, 0) scale(0.1);
}
}
.c:nth-child(289) {
background-color: #6a00ff;
animation: anim289 6s infinite ease-in-out;
animation-delay: -5.78s;
}
@keyframes anim289 {
33% {
transform: rotate(346.8deg) translate3d(99.96483px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(346.8deg) translate3d(99.96483px, -2.6521px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(346.8deg) translate3d(99.96483px, -5.3042px, 0) scale(0.1);
}
}
.c:nth-child(290) {
background-color: #6f00ff;
animation: anim290 6s infinite ease-in-out;
animation-delay: -5.8s;
}
@keyframes anim290 {
33% {
transform: rotate(348deg) translate3d(56.24289px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(348deg) translate3d(56.24289px, 82.68456px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(348deg) translate3d(56.24289px, 165.36913px, 0) scale(0.1);
}
}
.c:nth-child(291) {
background-color: #7300ff;
animation: anim291 6s infinite ease-in-out;
animation-delay: -5.82s;
}
@keyframes anim291 {
33% {
transform: rotate(349.2deg) translate3d(-39.1885px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(349.2deg) translate3d(-39.1885px, 92.00142px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(349.2deg) translate3d(-39.1885px, 184.00285px, 0) scale(0.1);
}
}
.c:nth-child(292) {
background-color: #7700ff;
animation: anim292 6s infinite ease-in-out;
animation-delay: -5.84s;
}
@keyframes anim292 {
33% {
transform: rotate(350.4deg) translate3d(-98.59016px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(350.4deg) translate3d(-98.59016px, 16.7326px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(350.4deg) translate3d(-98.59016px, 33.4652px, 0) scale(0.1);
}
}
.c:nth-child(293) {
background-color: #7b00ff;
animation: anim293 6s infinite ease-in-out;
animation-delay: -5.86s;
}
@keyframes anim293 {
33% {
transform: rotate(351.6deg) translate3d(-67.34849px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(351.6deg) translate3d(-67.34849px, -73.9201px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(351.6deg) translate3d(-67.34849px, -147.8402px, 0) scale(0.1);
}
}
.c:nth-child(294) {
background-color: #8000ff;
animation: anim294 6s infinite ease-in-out;
animation-delay: -5.88s;
}
@keyframes anim294 {
33% {
transform: rotate(352.8deg) translate3d(25.81308px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(352.8deg) translate3d(25.81308px, -96.611px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(352.8deg) translate3d(25.81308px, -193.222px, 0) scale(0.1);
}
}
.c:nth-child(295) {
background-color: #2b00ff;
animation: anim295 6s infinite ease-in-out;
animation-delay: -5.9s;
}
@keyframes anim295 {
33% {
transform: rotate(354deg) translate3d(95.24222px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(354deg) translate3d(95.24222px, -30.47819px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(354deg) translate3d(95.24222px, -60.95638px, 0) scale(0.1);
}
}
.c:nth-child(296) {
background-color: #2f00ff;
animation: anim296 6s infinite ease-in-out;
animation-delay: -5.92s;
}
@keyframes anim296 {
33% {
transform: rotate(355.2deg) translate3d(77.1061px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(355.2deg) translate3d(77.1061px, 63.67613px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(355.2deg) translate3d(77.1061px, 127.35225px, 0) scale(0.1);
}
}
.c:nth-child(297) {
background-color: #3300ff;
animation: anim297 6s infinite ease-in-out;
animation-delay: -5.94s;
}
@keyframes anim297 {
33% {
transform: rotate(356.4deg) translate3d(-11.92101px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(356.4deg) translate3d(-11.92101px, 99.28691px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(356.4deg) translate3d(-11.92101px, 198.57381px, 0) scale(0.1);
}
}
.c:nth-child(298) {
background-color: #3700ff;
animation: anim298 6s infinite ease-in-out;
animation-delay: -5.96s;
}
@keyframes anim298 {
33% {
transform: rotate(357.6deg) translate3d(-89.988px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(357.6deg) translate3d(-89.988px, 43.61376px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(357.6deg) translate3d(-89.988px, 87.22753px, 0) scale(0.1);
}
}
.c:nth-child(299) {
background-color: #3c00ff;
animation: anim299 6s infinite ease-in-out;
animation-delay: -5.98s;
}
@keyframes anim299 {
33% {
transform: rotate(358.8deg) translate3d(-85.32044px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(358.8deg) translate3d(-85.32044px, -52.15767px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(358.8deg) translate3d(-85.32044px, -104.31534px, 0) scale(0.1);
}
}
.c:nth-child(300) {
background-color: #4000ff;
animation: anim300 6s infinite ease-in-out;
animation-delay: -6s;
}
@keyframes anim300 {
33% {
transform: rotate(360deg) translate3d(-2.20966px, 0, 0) scale(1);
opacity: 1;
}
66% {
transform: rotate(360deg) translate3d(-2.20966px, -99.97558px, 0) scale(1);
opacity: 1;
}
100% {
transform: rotate(360deg) translate3d(-2.20966px, -199.95117px, 0) scale(0.1);
}
}
</style>
<title>Document</title>
</head>
<body>
<div class="wrap">
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
<div class="c"></div>
</div>
<script></script>
</body>
</html>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
