Skip to content

Instantly share code, notes, and snippets.

@Grawl

Grawl/input.scss

Created October 31, 2022 05:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Grawl/5c4a58799a17454043f6f5e4b9c8e3af to your computer and use it in GitHub Desktop.
Save Grawl/5c4a58799a17454043f6f5e4b9c8e3af to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
input.scss
@for $i from 1 through 300 {
$z: (random(360) * 1deg); // random angle to rotateZ
$y: (random(360) * 1deg); // random to rotateX
$hue: ((40/300 * $i) + 0); // set hue
$orb-size: 100px;
$time: 1s;
circle:nth-child(#{$i}){ // grab the nth particle
animation: orbit#{$i} $time infinite;
animation-delay: ($i * .01s);
fill: hsla($hue, 100%, 50%, 1);
}
@keyframes orbit#{$i}{
10% {
transform: rotateZ(-$z) rotateY($y) translateX($orb-size) rotateZ($z);
}
80% {
transform: rotateZ(-$z) rotateY($y) translateX($orb-size) rotateZ($z);
}
100% {
transform: rotateZ(-$z) rotateY($y) translateX( ($orb-size) ) rotateZ($z);
}
}
}
Raw
output.css
circle:nth-child(1) {
animation: orbit1 1s infinite;
animation-delay: 0.01s;
fill: #ff0100;
}
@keyframes orbit1 {
10% {
transform: rotateZ(-181deg) rotateY(25deg) translateX(100px) rotateZ(181deg);
}
80% {
transform: rotateZ(-181deg) rotateY(25deg) translateX(100px) rotateZ(181deg);
}
100% {
transform: rotateZ(-181deg) rotateY(25deg) translateX(100px) rotateZ(181deg);
}
}
circle:nth-child(2) {
animation: orbit2 1s infinite;
animation-delay: 0.02s;
fill: #ff0100;
}
@keyframes orbit2 {
10% {
transform: rotateZ(-31deg) rotateY(165deg) translateX(100px) rotateZ(31deg);
}
80% {
transform: rotateZ(-31deg) rotateY(165deg) translateX(100px) rotateZ(31deg);
}
100% {
transform: rotateZ(-31deg) rotateY(165deg) translateX(100px) rotateZ(31deg);
}
}
circle:nth-child(3) {
animation: orbit3 1s infinite;
animation-delay: 0.03s;
fill: #ff0200;
}
@keyframes orbit3 {
10% {
transform: rotateZ(-92deg) rotateY(274deg) translateX(100px) rotateZ(92deg);
}
80% {
transform: rotateZ(-92deg) rotateY(274deg) translateX(100px) rotateZ(92deg);
}
100% {
transform: rotateZ(-92deg) rotateY(274deg) translateX(100px) rotateZ(92deg);
}
}
circle:nth-child(4) {
animation: orbit4 1s infinite;
animation-delay: 0.04s;
fill: #ff0200;
}
@keyframes orbit4 {
10% {
transform: rotateZ(-47deg) rotateY(282deg) translateX(100px) rotateZ(47deg);
}
80% {
transform: rotateZ(-47deg) rotateY(282deg) translateX(100px) rotateZ(47deg);
}
100% {
transform: rotateZ(-47deg) rotateY(282deg) translateX(100px) rotateZ(47deg);
}
}
circle:nth-child(5) {
animation: orbit5 1s infinite;
animation-delay: 0.05s;
fill: #ff0300;
}
@keyframes orbit5 {
10% {
transform: rotateZ(-63deg) rotateY(148deg) translateX(100px) rotateZ(63deg);
}
80% {
transform: rotateZ(-63deg) rotateY(148deg) translateX(100px) rotateZ(63deg);
}
100% {
transform: rotateZ(-63deg) rotateY(148deg) translateX(100px) rotateZ(63deg);
}
}
circle:nth-child(6) {
animation: orbit6 1s infinite;
animation-delay: 0.06s;
fill: #ff0300;
}
@keyframes orbit6 {
10% {
transform: rotateZ(-49deg) rotateY(113deg) translateX(100px) rotateZ(49deg);
}
80% {
transform: rotateZ(-49deg) rotateY(113deg) translateX(100px) rotateZ(49deg);
}
100% {
transform: rotateZ(-49deg) rotateY(113deg) translateX(100px) rotateZ(49deg);
}
}
circle:nth-child(7) {
animation: orbit7 1s infinite;
animation-delay: 0.07s;
fill: #ff0400;
}
@keyframes orbit7 {
10% {
transform: rotateZ(-289deg) rotateY(188deg) translateX(100px) rotateZ(289deg);
}
80% {
transform: rotateZ(-289deg) rotateY(188deg) translateX(100px) rotateZ(289deg);
}
100% {
transform: rotateZ(-289deg) rotateY(188deg) translateX(100px) rotateZ(289deg);
}
}
circle:nth-child(8) {
animation: orbit8 1s infinite;
animation-delay: 0.08s;
fill: #ff0500;
}
@keyframes orbit8 {
10% {
transform: rotateZ(-196deg) rotateY(337deg) translateX(100px) rotateZ(196deg);
}
80% {
transform: rotateZ(-196deg) rotateY(337deg) translateX(100px) rotateZ(196deg);
}
100% {
transform: rotateZ(-196deg) rotateY(337deg) translateX(100px) rotateZ(196deg);
}
}
circle:nth-child(9) {
animation: orbit9 1s infinite;
animation-delay: 0.09s;
fill: #ff0500;
}
@keyframes orbit9 {
10% {
transform: rotateZ(-46deg) rotateY(146deg) translateX(100px) rotateZ(46deg);
}
80% {
transform: rotateZ(-46deg) rotateY(146deg) translateX(100px) rotateZ(46deg);
}
100% {
transform: rotateZ(-46deg) rotateY(146deg) translateX(100px) rotateZ(46deg);
}
}
circle:nth-child(10) {
animation: orbit10 1s infinite;
animation-delay: 0.1s;
fill: #ff0600;
}
@keyframes orbit10 {
10% {
transform: rotateZ(-335deg) rotateY(169deg) translateX(100px) rotateZ(335deg);
}
80% {
transform: rotateZ(-335deg) rotateY(169deg) translateX(100px) rotateZ(335deg);
}
100% {
transform: rotateZ(-335deg) rotateY(169deg) translateX(100px) rotateZ(335deg);
}
}
circle:nth-child(11) {
animation: orbit11 1s infinite;
animation-delay: 0.11s;
fill: #ff0600;
}
@keyframes orbit11 {
10% {
transform: rotateZ(-86deg) rotateY(226deg) translateX(100px) rotateZ(86deg);
}
80% {
transform: rotateZ(-86deg) rotateY(226deg) translateX(100px) rotateZ(86deg);
}
100% {
transform: rotateZ(-86deg) rotateY(226deg) translateX(100px) rotateZ(86deg);
}
}
circle:nth-child(12) {
animation: orbit12 1s infinite;
animation-delay: 0.12s;
fill: #ff0700;
}
@keyframes orbit12 {
10% {
transform: rotateZ(-65deg) rotateY(10deg) translateX(100px) rotateZ(65deg);
}
80% {
transform: rotateZ(-65deg) rotateY(10deg) translateX(100px) rotateZ(65deg);
}
100% {
transform: rotateZ(-65deg) rotateY(10deg) translateX(100px) rotateZ(65deg);
}
}
circle:nth-child(13) {
animation: orbit13 1s infinite;
animation-delay: 0.13s;
fill: #ff0700;
}
@keyframes orbit13 {
10% {
transform: rotateZ(-181deg) rotateY(313deg) translateX(100px) rotateZ(181deg);
}
80% {
transform: rotateZ(-181deg) rotateY(313deg) translateX(100px) rotateZ(181deg);
}
100% {
transform: rotateZ(-181deg) rotateY(313deg) translateX(100px) rotateZ(181deg);
}
}
circle:nth-child(14) {
animation: orbit14 1s infinite;
animation-delay: 0.14s;
fill: #ff0800;
}
@keyframes orbit14 {
10% {
transform: rotateZ(-294deg) rotateY(127deg) translateX(100px) rotateZ(294deg);
}
80% {
transform: rotateZ(-294deg) rotateY(127deg) translateX(100px) rotateZ(294deg);
}
100% {
transform: rotateZ(-294deg) rotateY(127deg) translateX(100px) rotateZ(294deg);
}
}
circle:nth-child(15) {
animation: orbit15 1s infinite;
animation-delay: 0.15s;
fill: #ff0900;
}
@keyframes orbit15 {
10% {
transform: rotateZ(-3deg) rotateY(147deg) translateX(100px) rotateZ(3deg);
}
80% {
transform: rotateZ(-3deg) rotateY(147deg) translateX(100px) rotateZ(3deg);
}
100% {
transform: rotateZ(-3deg) rotateY(147deg) translateX(100px) rotateZ(3deg);
}
}
circle:nth-child(16) {
animation: orbit16 1s infinite;
animation-delay: 0.16s;
fill: #ff0900;
}
@keyframes orbit16 {
10% {
transform: rotateZ(-268deg) rotateY(279deg) translateX(100px) rotateZ(268deg);
}
80% {
transform: rotateZ(-268deg) rotateY(279deg) translateX(100px) rotateZ(268deg);
}
100% {
transform: rotateZ(-268deg) rotateY(279deg) translateX(100px) rotateZ(268deg);
}
}
circle:nth-child(17) {
animation: orbit17 1s infinite;
animation-delay: 0.17s;
fill: #ff0a00;
}
@keyframes orbit17 {
10% {
transform: rotateZ(-176deg) rotateY(19deg) translateX(100px) rotateZ(176deg);
}
80% {
transform: rotateZ(-176deg) rotateY(19deg) translateX(100px) rotateZ(176deg);
}
100% {
transform: rotateZ(-176deg) rotateY(19deg) translateX(100px) rotateZ(176deg);
}
}
circle:nth-child(18) {
animation: orbit18 1s infinite;
animation-delay: 0.18s;
fill: #ff0a00;
}
@keyframes orbit18 {
10% {
transform: rotateZ(-43deg) rotateY(55deg) translateX(100px) rotateZ(43deg);
}
80% {
transform: rotateZ(-43deg) rotateY(55deg) translateX(100px) rotateZ(43deg);
}
100% {
transform: rotateZ(-43deg) rotateY(55deg) translateX(100px) rotateZ(43deg);
}
}
circle:nth-child(19) {
animation: orbit19 1s infinite;
animation-delay: 0.19s;
fill: #ff0b00;
}
@keyframes orbit19 {
10% {
transform: rotateZ(-354deg) rotateY(110deg) translateX(100px) rotateZ(354deg);
}
80% {
transform: rotateZ(-354deg) rotateY(110deg) translateX(100px) rotateZ(354deg);
}
100% {
transform: rotateZ(-354deg) rotateY(110deg) translateX(100px) rotateZ(354deg);
}
}
circle:nth-child(20) {
animation: orbit20 1s infinite;
animation-delay: 0.2s;
fill: #ff0b00;
}
@keyframes orbit20 {
10% {
transform: rotateZ(-291deg) rotateY(350deg) translateX(100px) rotateZ(291deg);
}
80% {
transform: rotateZ(-291deg) rotateY(350deg) translateX(100px) rotateZ(291deg);
}
100% {
transform: rotateZ(-291deg) rotateY(350deg) translateX(100px) rotateZ(291deg);
}
}
circle:nth-child(21) {
animation: orbit21 1s infinite;
animation-delay: 0.21s;
fill: #ff0c00;
}
@keyframes orbit21 {
10% {
transform: rotateZ(-72deg) rotateY(289deg) translateX(100px) rotateZ(72deg);
}
80% {
transform: rotateZ(-72deg) rotateY(289deg) translateX(100px) rotateZ(72deg);
}
100% {
transform: rotateZ(-72deg) rotateY(289deg) translateX(100px) rotateZ(72deg);
}
}
circle:nth-child(22) {
animation: orbit22 1s infinite;
animation-delay: 0.22s;
fill: #ff0c00;
}
@keyframes orbit22 {
10% {
transform: rotateZ(-185deg) rotateY(91deg) translateX(100px) rotateZ(185deg);
}
80% {
transform: rotateZ(-185deg) rotateY(91deg) translateX(100px) rotateZ(185deg);
}
100% {
transform: rotateZ(-185deg) rotateY(91deg) translateX(100px) rotateZ(185deg);
}
}
circle:nth-child(23) {
animation: orbit23 1s infinite;
animation-delay: 0.23s;
fill: #ff0d00;
}
@keyframes orbit23 {
10% {
transform: rotateZ(-259deg) rotateY(18deg) translateX(100px) rotateZ(259deg);
}
80% {
transform: rotateZ(-259deg) rotateY(18deg) translateX(100px) rotateZ(259deg);
}
100% {
transform: rotateZ(-259deg) rotateY(18deg) translateX(100px) rotateZ(259deg);
}
}
circle:nth-child(24) {
animation: orbit24 1s infinite;
animation-delay: 0.24s;
fill: #ff0e00;
}
@keyframes orbit24 {
10% {
transform: rotateZ(-66deg) rotateY(261deg) translateX(100px) rotateZ(66deg);
}
80% {
transform: rotateZ(-66deg) rotateY(261deg) translateX(100px) rotateZ(66deg);
}
100% {
transform: rotateZ(-66deg) rotateY(261deg) translateX(100px) rotateZ(66deg);
}
}
circle:nth-child(25) {
animation: orbit25 1s infinite;
animation-delay: 0.25s;
fill: #ff0e00;
}
@keyframes orbit25 {
10% {
transform: rotateZ(-199deg) rotateY(218deg) translateX(100px) rotateZ(199deg);
}
80% {
transform: rotateZ(-199deg) rotateY(218deg) translateX(100px) rotateZ(199deg);
}
100% {
transform: rotateZ(-199deg) rotateY(218deg) translateX(100px) rotateZ(199deg);
}
}
circle:nth-child(26) {
animation: orbit26 1s infinite;
animation-delay: 0.26s;
fill: #ff0f00;
}
@keyframes orbit26 {
10% {
transform: rotateZ(-235deg) rotateY(84deg) translateX(100px) rotateZ(235deg);
}
80% {
transform: rotateZ(-235deg) rotateY(84deg) translateX(100px) rotateZ(235deg);
}
100% {
transform: rotateZ(-235deg) rotateY(84deg) translateX(100px) rotateZ(235deg);
}
}
circle:nth-child(27) {
animation: orbit27 1s infinite;
animation-delay: 0.27s;
fill: #ff0f00;
}
@keyframes orbit27 {
10% {
transform: rotateZ(-240deg) rotateY(206deg) translateX(100px) rotateZ(240deg);
}
80% {
transform: rotateZ(-240deg) rotateY(206deg) translateX(100px) rotateZ(240deg);
}
100% {
transform: rotateZ(-240deg) rotateY(206deg) translateX(100px) rotateZ(240deg);
}
}
circle:nth-child(28) {
animation: orbit28 1s infinite;
animation-delay: 0.28s;
fill: #ff1000;
}
@keyframes orbit28 {
10% {
transform: rotateZ(-338deg) rotateY(68deg) translateX(100px) rotateZ(338deg);
}
80% {
transform: rotateZ(-338deg) rotateY(68deg) translateX(100px) rotateZ(338deg);
}
100% {
transform: rotateZ(-338deg) rotateY(68deg) translateX(100px) rotateZ(338deg);
}
}
circle:nth-child(29) {
animation: orbit29 1s infinite;
animation-delay: 0.29s;
fill: #ff1000;
}
@keyframes orbit29 {
10% {
transform: rotateZ(-170deg) rotateY(93deg) translateX(100px) rotateZ(170deg);
}
80% {
transform: rotateZ(-170deg) rotateY(93deg) translateX(100px) rotateZ(170deg);
}
100% {
transform: rotateZ(-170deg) rotateY(93deg) translateX(100px) rotateZ(170deg);
}
}
circle:nth-child(30) {
animation: orbit30 1s infinite;
animation-delay: 0.3s;
fill: #ff1100;
}
@keyframes orbit30 {
10% {
transform: rotateZ(-123deg) rotateY(66deg) translateX(100px) rotateZ(123deg);
}
80% {
transform: rotateZ(-123deg) rotateY(66deg) translateX(100px) rotateZ(123deg);
}
100% {
transform: rotateZ(-123deg) rotateY(66deg) translateX(100px) rotateZ(123deg);
}
}
circle:nth-child(31) {
animation: orbit31 1s infinite;
animation-delay: 0.31s;
fill: #ff1200;
}
@keyframes orbit31 {
10% {
transform: rotateZ(-303deg) rotateY(312deg) translateX(100px) rotateZ(303deg);
}
80% {
transform: rotateZ(-303deg) rotateY(312deg) translateX(100px) rotateZ(303deg);
}
100% {
transform: rotateZ(-303deg) rotateY(312deg) translateX(100px) rotateZ(303deg);
}
}
circle:nth-child(32) {
animation: orbit32 1s infinite;
animation-delay: 0.32s;
fill: #ff1200;
}
@keyframes orbit32 {
10% {
transform: rotateZ(-70deg) rotateY(98deg) translateX(100px) rotateZ(70deg);
}
80% {
transform: rotateZ(-70deg) rotateY(98deg) translateX(100px) rotateZ(70deg);
}
100% {
transform: rotateZ(-70deg) rotateY(98deg) translateX(100px) rotateZ(70deg);
}
}
circle:nth-child(33) {
animation: orbit33 1s infinite;
animation-delay: 0.33s;
fill: #ff1300;
}
@keyframes orbit33 {
10% {
transform: rotateZ(-120deg) rotateY(131deg) translateX(100px) rotateZ(120deg);
}
80% {
transform: rotateZ(-120deg) rotateY(131deg) translateX(100px) rotateZ(120deg);
}
100% {
transform: rotateZ(-120deg) rotateY(131deg) translateX(100px) rotateZ(120deg);
}
}
circle:nth-child(34) {
animation: orbit34 1s infinite;
animation-delay: 0.34s;
fill: #ff1300;
}
@keyframes orbit34 {
10% {
transform: rotateZ(-95deg) rotateY(195deg) translateX(100px) rotateZ(95deg);
}
80% {
transform: rotateZ(-95deg) rotateY(195deg) translateX(100px) rotateZ(95deg);
}
100% {
transform: rotateZ(-95deg) rotateY(195deg) translateX(100px) rotateZ(95deg);
}
}
circle:nth-child(35) {
animation: orbit35 1s infinite;
animation-delay: 0.35s;
fill: #ff1400;
}
@keyframes orbit35 {
10% {
transform: rotateZ(-216deg) rotateY(308deg) translateX(100px) rotateZ(216deg);
}
80% {
transform: rotateZ(-216deg) rotateY(308deg) translateX(100px) rotateZ(216deg);
}
100% {
transform: rotateZ(-216deg) rotateY(308deg) translateX(100px) rotateZ(216deg);
}
}
circle:nth-child(36) {
animation: orbit36 1s infinite;
animation-delay: 0.36s;
fill: #ff1400;
}
@keyframes orbit36 {
10% {
transform: rotateZ(-253deg) rotateY(199deg) translateX(100px) rotateZ(253deg);
}
80% {
transform: rotateZ(-253deg) rotateY(199deg) translateX(100px) rotateZ(253deg);
}
100% {
transform: rotateZ(-253deg) rotateY(199deg) translateX(100px) rotateZ(253deg);
}
}
circle:nth-child(37) {
animation: orbit37 1s infinite;
animation-delay: 0.37s;
fill: #ff1500;
}
@keyframes orbit37 {
10% {
transform: rotateZ(-176deg) rotateY(227deg) translateX(100px) rotateZ(176deg);
}
80% {
transform: rotateZ(-176deg) rotateY(227deg) translateX(100px) rotateZ(176deg);
}
100% {
transform: rotateZ(-176deg) rotateY(227deg) translateX(100px) rotateZ(176deg);
}
}
circle:nth-child(38) {
animation: orbit38 1s infinite;
animation-delay: 0.38s;
fill: #ff1600;
}
@keyframes orbit38 {
10% {
transform: rotateZ(-46deg) rotateY(186deg) translateX(100px) rotateZ(46deg);
}
80% {
transform: rotateZ(-46deg) rotateY(186deg) translateX(100px) rotateZ(46deg);
}
100% {
transform: rotateZ(-46deg) rotateY(186deg) translateX(100px) rotateZ(46deg);
}
}
circle:nth-child(39) {
animation: orbit39 1s infinite;
animation-delay: 0.39s;
fill: #ff1600;
}
@keyframes orbit39 {
10% {
transform: rotateZ(-158deg) rotateY(252deg) translateX(100px) rotateZ(158deg);
}
80% {
transform: rotateZ(-158deg) rotateY(252deg) translateX(100px) rotateZ(158deg);
}
100% {
transform: rotateZ(-158deg) rotateY(252deg) translateX(100px) rotateZ(158deg);
}
}
circle:nth-child(40) {
animation: orbit40 1s infinite;
animation-delay: 0.4s;
fill: #ff1700;
}
@keyframes orbit40 {
10% {
transform: rotateZ(-237deg) rotateY(298deg) translateX(100px) rotateZ(237deg);
}
80% {
transform: rotateZ(-237deg) rotateY(298deg) translateX(100px) rotateZ(237deg);
}
100% {
transform: rotateZ(-237deg) rotateY(298deg) translateX(100px) rotateZ(237deg);
}
}
circle:nth-child(41) {
animation: orbit41 1s infinite;
animation-delay: 0.41s;
fill: #ff1700;
}
@keyframes orbit41 {
10% {
transform: rotateZ(-354deg) rotateY(144deg) translateX(100px) rotateZ(354deg);
}
80% {
transform: rotateZ(-354deg) rotateY(144deg) translateX(100px) rotateZ(354deg);
}
100% {
transform: rotateZ(-354deg) rotateY(144deg) translateX(100px) rotateZ(354deg);
}
}
circle:nth-child(42) {
animation: orbit42 1s infinite;
animation-delay: 0.42s;
fill: #ff1800;
}
@keyframes orbit42 {
10% {
transform: rotateZ(-218deg) rotateY(278deg) translateX(100px) rotateZ(218deg);
}
80% {
transform: rotateZ(-218deg) rotateY(278deg) translateX(100px) rotateZ(218deg);
}
100% {
transform: rotateZ(-218deg) rotateY(278deg) translateX(100px) rotateZ(218deg);
}
}
circle:nth-child(43) {
animation: orbit43 1s infinite;
animation-delay: 0.43s;
fill: #ff1800;
}
@keyframes orbit43 {
10% {
transform: rotateZ(-10deg) rotateY(126deg) translateX(100px) rotateZ(10deg);
}
80% {
transform: rotateZ(-10deg) rotateY(126deg) translateX(100px) rotateZ(10deg);
}
100% {
transform: rotateZ(-10deg) rotateY(126deg) translateX(100px) rotateZ(10deg);
}
}
circle:nth-child(44) {
animation: orbit44 1s infinite;
animation-delay: 0.44s;
fill: #ff1900;
}
@keyframes orbit44 {
10% {
transform: rotateZ(-106deg) rotateY(203deg) translateX(100px) rotateZ(106deg);
}
80% {
transform: rotateZ(-106deg) rotateY(203deg) translateX(100px) rotateZ(106deg);
}
100% {
transform: rotateZ(-106deg) rotateY(203deg) translateX(100px) rotateZ(106deg);
}
}
circle:nth-child(45) {
animation: orbit45 1s infinite;
animation-delay: 0.45s;
fill: #ff1a00;
}
@keyframes orbit45 {
10% {
transform: rotateZ(-223deg) rotateY(261deg) translateX(100px) rotateZ(223deg);
}
80% {
transform: rotateZ(-223deg) rotateY(261deg) translateX(100px) rotateZ(223deg);
}
100% {
transform: rotateZ(-223deg) rotateY(261deg) translateX(100px) rotateZ(223deg);
}
}
circle:nth-child(46) {
animation: orbit46 1s infinite;
animation-delay: 0.46s;
fill: #ff1a00;
}
@keyframes orbit46 {
10% {
transform: rotateZ(-215deg) rotateY(158deg) translateX(100px) rotateZ(215deg);
}
80% {
transform: rotateZ(-215deg) rotateY(158deg) translateX(100px) rotateZ(215deg);
}
100% {
transform: rotateZ(-215deg) rotateY(158deg) translateX(100px) rotateZ(215deg);
}
}
circle:nth-child(47) {
animation: orbit47 1s infinite;
animation-delay: 0.47s;
fill: #ff1b00;
}
@keyframes orbit47 {
10% {
transform: rotateZ(-119deg) rotateY(100deg) translateX(100px) rotateZ(119deg);
}
80% {
transform: rotateZ(-119deg) rotateY(100deg) translateX(100px) rotateZ(119deg);
}
100% {
transform: rotateZ(-119deg) rotateY(100deg) translateX(100px) rotateZ(119deg);
}
}
circle:nth-child(48) {
animation: orbit48 1s infinite;
animation-delay: 0.48s;
fill: #ff1b00;
}
@keyframes orbit48 {
10% {
transform: rotateZ(-48deg) rotateY(153deg) translateX(100px) rotateZ(48deg);
}
80% {
transform: rotateZ(-48deg) rotateY(153deg) translateX(100px) rotateZ(48deg);
}
100% {
transform: rotateZ(-48deg) rotateY(153deg) translateX(100px) rotateZ(48deg);
}
}
circle:nth-child(49) {
animation: orbit49 1s infinite;
animation-delay: 0.49s;
fill: #ff1c00;
}
@keyframes orbit49 {
10% {
transform: rotateZ(-345deg) rotateY(231deg) translateX(100px) rotateZ(345deg);
}
80% {
transform: rotateZ(-345deg) rotateY(231deg) translateX(100px) rotateZ(345deg);
}
100% {
transform: rotateZ(-345deg) rotateY(231deg) translateX(100px) rotateZ(345deg);
}
}
circle:nth-child(50) {
animation: orbit50 1s infinite;
animation-delay: 0.5s;
fill: #ff1c00;
}
@keyframes orbit50 {
10% {
transform: rotateZ(-111deg) rotateY(7deg) translateX(100px) rotateZ(111deg);
}
80% {
transform: rotateZ(-111deg) rotateY(7deg) translateX(100px) rotateZ(111deg);
}
100% {
transform: rotateZ(-111deg) rotateY(7deg) translateX(100px) rotateZ(111deg);
}
}
circle:nth-child(51) {
animation: orbit51 1s infinite;
animation-delay: 0.51s;
fill: #ff1d00;
}
@keyframes orbit51 {
10% {
transform: rotateZ(-74deg) rotateY(304deg) translateX(100px) rotateZ(74deg);
}
80% {
transform: rotateZ(-74deg) rotateY(304deg) translateX(100px) rotateZ(74deg);
}
100% {
transform: rotateZ(-74deg) rotateY(304deg) translateX(100px) rotateZ(74deg);
}
}
circle:nth-child(52) {
animation: orbit52 1s infinite;
animation-delay: 0.52s;
fill: #ff1d00;
}
@keyframes orbit52 {
10% {
transform: rotateZ(-112deg) rotateY(283deg) translateX(100px) rotateZ(112deg);
}
80% {
transform: rotateZ(-112deg) rotateY(283deg) translateX(100px) rotateZ(112deg);
}
100% {
transform: rotateZ(-112deg) rotateY(283deg) translateX(100px) rotateZ(112deg);
}
}
circle:nth-child(53) {
animation: orbit53 1s infinite;
animation-delay: 0.53s;
fill: #ff1e00;
}
@keyframes orbit53 {
10% {
transform: rotateZ(-59deg) rotateY(185deg) translateX(100px) rotateZ(59deg);
}
80% {
transform: rotateZ(-59deg) rotateY(185deg) translateX(100px) rotateZ(59deg);
}
100% {
transform: rotateZ(-59deg) rotateY(185deg) translateX(100px) rotateZ(59deg);
}
}
circle:nth-child(54) {
animation: orbit54 1s infinite;
animation-delay: 0.54s;
fill: #ff1f00;
}
@keyframes orbit54 {
10% {
transform: rotateZ(-337deg) rotateY(89deg) translateX(100px) rotateZ(337deg);
}
80% {
transform: rotateZ(-337deg) rotateY(89deg) translateX(100px) rotateZ(337deg);
}
100% {
transform: rotateZ(-337deg) rotateY(89deg) translateX(100px) rotateZ(337deg);
}
}
circle:nth-child(55) {
animation: orbit55 1s infinite;
animation-delay: 0.55s;
fill: #ff1f00;
}
@keyframes orbit55 {
10% {
transform: rotateZ(-292deg) rotateY(239deg) translateX(100px) rotateZ(292deg);
}
80% {
transform: rotateZ(-292deg) rotateY(239deg) translateX(100px) rotateZ(292deg);
}
100% {
transform: rotateZ(-292deg) rotateY(239deg) translateX(100px) rotateZ(292deg);
}
}
circle:nth-child(56) {
animation: orbit56 1s infinite;
animation-delay: 0.56s;
fill: #ff2000;
}
@keyframes orbit56 {
10% {
transform: rotateZ(-298deg) rotateY(38deg) translateX(100px) rotateZ(298deg);
}
80% {
transform: rotateZ(-298deg) rotateY(38deg) translateX(100px) rotateZ(298deg);
}
100% {
transform: rotateZ(-298deg) rotateY(38deg) translateX(100px) rotateZ(298deg);
}
}
circle:nth-child(57) {
animation: orbit57 1s infinite;
animation-delay: 0.57s;
fill: #ff2000;
}
@keyframes orbit57 {
10% {
transform: rotateZ(-293deg) rotateY(296deg) translateX(100px) rotateZ(293deg);
}
80% {
transform: rotateZ(-293deg) rotateY(296deg) translateX(100px) rotateZ(293deg);
}
100% {
transform: rotateZ(-293deg) rotateY(296deg) translateX(100px) rotateZ(293deg);
}
}
circle:nth-child(58) {
animation: orbit58 1s infinite;
animation-delay: 0.58s;
fill: #ff2100;
}
@keyframes orbit58 {
10% {
transform: rotateZ(-210deg) rotateY(114deg) translateX(100px) rotateZ(210deg);
}
80% {
transform: rotateZ(-210deg) rotateY(114deg) translateX(100px) rotateZ(210deg);
}
100% {
transform: rotateZ(-210deg) rotateY(114deg) translateX(100px) rotateZ(210deg);
}
}
circle:nth-child(59) {
animation: orbit59 1s infinite;
animation-delay: 0.59s;
fill: #ff2100;
}
@keyframes orbit59 {
10% {
transform: rotateZ(-297deg) rotateY(311deg) translateX(100px) rotateZ(297deg);
}
80% {
transform: rotateZ(-297deg) rotateY(311deg) translateX(100px) rotateZ(297deg);
}
100% {
transform: rotateZ(-297deg) rotateY(311deg) translateX(100px) rotateZ(297deg);
}
}
circle:nth-child(60) {
animation: orbit60 1s infinite;
animation-delay: 0.6s;
fill: #ff2200;
}
@keyframes orbit60 {
10% {
transform: rotateZ(-294deg) rotateY(245deg) translateX(100px) rotateZ(294deg);
}
80% {
transform: rotateZ(-294deg) rotateY(245deg) translateX(100px) rotateZ(294deg);
}
100% {
transform: rotateZ(-294deg) rotateY(245deg) translateX(100px) rotateZ(294deg);
}
}
circle:nth-child(61) {
animation: orbit61 1s infinite;
animation-delay: 0.61s;
fill: #ff2300;
}
@keyframes orbit61 {
10% {
transform: rotateZ(-282deg) rotateY(36deg) translateX(100px) rotateZ(282deg);
}
80% {
transform: rotateZ(-282deg) rotateY(36deg) translateX(100px) rotateZ(282deg);
}
100% {
transform: rotateZ(-282deg) rotateY(36deg) translateX(100px) rotateZ(282deg);
}
}
circle:nth-child(62) {
animation: orbit62 1s infinite;
animation-delay: 0.62s;
fill: #ff2300;
}
@keyframes orbit62 {
10% {
transform: rotateZ(-351deg) rotateY(188deg) translateX(100px) rotateZ(351deg);
}
80% {
transform: rotateZ(-351deg) rotateY(188deg) translateX(100px) rotateZ(351deg);
}
100% {
transform: rotateZ(-351deg) rotateY(188deg) translateX(100px) rotateZ(351deg);
}
}
circle:nth-child(63) {
animation: orbit63 1s infinite;
animation-delay: 0.63s;
fill: #ff2400;
}
@keyframes orbit63 {
10% {
transform: rotateZ(-38deg) rotateY(27deg) translateX(100px) rotateZ(38deg);
}
80% {
transform: rotateZ(-38deg) rotateY(27deg) translateX(100px) rotateZ(38deg);
}
100% {
transform: rotateZ(-38deg) rotateY(27deg) translateX(100px) rotateZ(38deg);
}
}
circle:nth-child(64) {
animation: orbit64 1s infinite;
animation-delay: 0.64s;
fill: #ff2400;
}
@keyframes orbit64 {
10% {
transform: rotateZ(-142deg) rotateY(12deg) translateX(100px) rotateZ(142deg);
}
80% {
transform: rotateZ(-142deg) rotateY(12deg) translateX(100px) rotateZ(142deg);
}
100% {
transform: rotateZ(-142deg) rotateY(12deg) translateX(100px) rotateZ(142deg);
}
}
circle:nth-child(65) {
animation: orbit65 1s infinite;
animation-delay: 0.65s;
fill: #ff2500;
}
@keyframes orbit65 {
10% {
transform: rotateZ(-92deg) rotateY(20deg) translateX(100px) rotateZ(92deg);
}
80% {
transform: rotateZ(-92deg) rotateY(20deg) translateX(100px) rotateZ(92deg);
}
100% {
transform: rotateZ(-92deg) rotateY(20deg) translateX(100px) rotateZ(92deg);
}
}
circle:nth-child(66) {
animation: orbit66 1s infinite;
animation-delay: 0.66s;
fill: #ff2500;
}
@keyframes orbit66 {
10% {
transform: rotateZ(-73deg) rotateY(347deg) translateX(100px) rotateZ(73deg);
}
80% {
transform: rotateZ(-73deg) rotateY(347deg) translateX(100px) rotateZ(73deg);
}
100% {
transform: rotateZ(-73deg) rotateY(347deg) translateX(100px) rotateZ(73deg);
}
}
circle:nth-child(67) {
animation: orbit67 1s infinite;
animation-delay: 0.67s;
fill: #ff2600;
}
@keyframes orbit67 {
10% {
transform: rotateZ(-115deg) rotateY(213deg) translateX(100px) rotateZ(115deg);
}
80% {
transform: rotateZ(-115deg) rotateY(213deg) translateX(100px) rotateZ(115deg);
}
100% {
transform: rotateZ(-115deg) rotateY(213deg) translateX(100px) rotateZ(115deg);
}
}
circle:nth-child(68) {
animation: orbit68 1s infinite;
animation-delay: 0.68s;
fill: #ff2700;
}
@keyframes orbit68 {
10% {
transform: rotateZ(-165deg) rotateY(159deg) translateX(100px) rotateZ(165deg);
}
80% {
transform: rotateZ(-165deg) rotateY(159deg) translateX(100px) rotateZ(165deg);
}
100% {
transform: rotateZ(-165deg) rotateY(159deg) translateX(100px) rotateZ(165deg);
}
}
circle:nth-child(69) {
animation: orbit69 1s infinite;
animation-delay: 0.69s;
fill: #ff2700;
}
@keyframes orbit69 {
10% {
transform: rotateZ(-159deg) rotateY(254deg) translateX(100px) rotateZ(159deg);
}
80% {
transform: rotateZ(-159deg) rotateY(254deg) translateX(100px) rotateZ(159deg);
}
100% {
transform: rotateZ(-159deg) rotateY(254deg) translateX(100px) rotateZ(159deg);
}
}
circle:nth-child(70) {
animation: orbit70 1s infinite;
animation-delay: 0.7s;
fill: #ff2800;
}
@keyframes orbit70 {
10% {
transform: rotateZ(-287deg) rotateY(359deg) translateX(100px) rotateZ(287deg);
}
80% {
transform: rotateZ(-287deg) rotateY(359deg) translateX(100px) rotateZ(287deg);
}
100% {
transform: rotateZ(-287deg) rotateY(359deg) translateX(100px) rotateZ(287deg);
}
}
circle:nth-child(71) {
animation: orbit71 1s infinite;
animation-delay: 0.71s;
fill: #ff2800;
}
@keyframes orbit71 {
10% {
transform: rotateZ(-220deg) rotateY(182deg) translateX(100px) rotateZ(220deg);
}
80% {
transform: rotateZ(-220deg) rotateY(182deg) translateX(100px) rotateZ(220deg);
}
100% {
transform: rotateZ(-220deg) rotateY(182deg) translateX(100px) rotateZ(220deg);
}
}
circle:nth-child(72) {
animation: orbit72 1s infinite;
animation-delay: 0.72s;
fill: #ff2900;
}
@keyframes orbit72 {
10% {
transform: rotateZ(-191deg) rotateY(71deg) translateX(100px) rotateZ(191deg);
}
80% {
transform: rotateZ(-191deg) rotateY(71deg) translateX(100px) rotateZ(191deg);
}
100% {
transform: rotateZ(-191deg) rotateY(71deg) translateX(100px) rotateZ(191deg);
}
}
circle:nth-child(73) {
animation: orbit73 1s infinite;
animation-delay: 0.73s;
fill: #ff2900;
}
@keyframes orbit73 {
10% {
transform: rotateZ(-248deg) rotateY(40deg) translateX(100px) rotateZ(248deg);
}
80% {
transform: rotateZ(-248deg) rotateY(40deg) translateX(100px) rotateZ(248deg);
}
100% {
transform: rotateZ(-248deg) rotateY(40deg) translateX(100px) rotateZ(248deg);
}
}
circle:nth-child(74) {
animation: orbit74 1s infinite;
animation-delay: 0.74s;
fill: #ff2a00;
}
@keyframes orbit74 {
10% {
transform: rotateZ(-293deg) rotateY(83deg) translateX(100px) rotateZ(293deg);
}
80% {
transform: rotateZ(-293deg) rotateY(83deg) translateX(100px) rotateZ(293deg);
}
100% {
transform: rotateZ(-293deg) rotateY(83deg) translateX(100px) rotateZ(293deg);
}
}
circle:nth-child(75) {
animation: orbit75 1s infinite;
animation-delay: 0.75s;
fill: #ff2b00;
}
@keyframes orbit75 {
10% {
transform: rotateZ(-62deg) rotateY(69deg) translateX(100px) rotateZ(62deg);
}
80% {
transform: rotateZ(-62deg) rotateY(69deg) translateX(100px) rotateZ(62deg);
}
100% {
transform: rotateZ(-62deg) rotateY(69deg) translateX(100px) rotateZ(62deg);
}
}
circle:nth-child(76) {
animation: orbit76 1s infinite;
animation-delay: 0.76s;
fill: #ff2b00;
}
@keyframes orbit76 {
10% {
transform: rotateZ(-92deg) rotateY(30deg) translateX(100px) rotateZ(92deg);
}
80% {
transform: rotateZ(-92deg) rotateY(30deg) translateX(100px) rotateZ(92deg);
}
100% {
transform: rotateZ(-92deg) rotateY(30deg) translateX(100px) rotateZ(92deg);
}
}
circle:nth-child(77) {
animation: orbit77 1s infinite;
animation-delay: 0.77s;
fill: #ff2c00;
}
@keyframes orbit77 {
10% {
transform: rotateZ(-213deg) rotateY(214deg) translateX(100px) rotateZ(213deg);
}
80% {
transform: rotateZ(-213deg) rotateY(214deg) translateX(100px) rotateZ(213deg);
}
100% {
transform: rotateZ(-213deg) rotateY(214deg) translateX(100px) rotateZ(213deg);
}
}
circle:nth-child(78) {
animation: orbit78 1s infinite;
animation-delay: 0.78s;
fill: #ff2c00;
}
@keyframes orbit78 {
10% {
transform: rotateZ(-288deg) rotateY(239deg) translateX(100px) rotateZ(288deg);
}
80% {
transform: rotateZ(-288deg) rotateY(239deg) translateX(100px) rotateZ(288deg);
}
100% {
transform: rotateZ(-288deg) rotateY(239deg) translateX(100px) rotateZ(288deg);
}
}
circle:nth-child(79) {
animation: orbit79 1s infinite;
animation-delay: 0.79s;
fill: #ff2d00;
}
@keyframes orbit79 {
10% {
transform: rotateZ(-158deg) rotateY(139deg) translateX(100px) rotateZ(158deg);
}
80% {
transform: rotateZ(-158deg) rotateY(139deg) translateX(100px) rotateZ(158deg);
}
100% {
transform: rotateZ(-158deg) rotateY(139deg) translateX(100px) rotateZ(158deg);
}
}
circle:nth-child(80) {
animation: orbit80 1s infinite;
animation-delay: 0.8s;
fill: #ff2d00;
}
@keyframes orbit80 {
10% {
transform: rotateZ(-1deg) rotateY(61deg) translateX(100px) rotateZ(1deg);
}
80% {
transform: rotateZ(-1deg) rotateY(61deg) translateX(100px) rotateZ(1deg);
}
100% {
transform: rotateZ(-1deg) rotateY(61deg) translateX(100px) rotateZ(1deg);
}
}
circle:nth-child(81) {
animation: orbit81 1s infinite;
animation-delay: 0.81s;
fill: #ff2e00;
}
@keyframes orbit81 {
10% {
transform: rotateZ(-336deg) rotateY(128deg) translateX(100px) rotateZ(336deg);
}
80% {
transform: rotateZ(-336deg) rotateY(128deg) translateX(100px) rotateZ(336deg);
}
100% {
transform: rotateZ(-336deg) rotateY(128deg) translateX(100px) rotateZ(336deg);
}
}
circle:nth-child(82) {
animation: orbit82 1s infinite;
animation-delay: 0.82s;
fill: #ff2e00;
}
@keyframes orbit82 {
10% {
transform: rotateZ(-205deg) rotateY(50deg) translateX(100px) rotateZ(205deg);
}
80% {
transform: rotateZ(-205deg) rotateY(50deg) translateX(100px) rotateZ(205deg);
}
100% {
transform: rotateZ(-205deg) rotateY(50deg) translateX(100px) rotateZ(205deg);
}
}
circle:nth-child(83) {
animation: orbit83 1s infinite;
animation-delay: 0.83s;
fill: #ff2f00;
}
@keyframes orbit83 {
10% {
transform: rotateZ(-345deg) rotateY(64deg) translateX(100px) rotateZ(345deg);
}
80% {
transform: rotateZ(-345deg) rotateY(64deg) translateX(100px) rotateZ(345deg);
}
100% {
transform: rotateZ(-345deg) rotateY(64deg) translateX(100px) rotateZ(345deg);
}
}
circle:nth-child(84) {
animation: orbit84 1s infinite;
animation-delay: 0.84s;
fill: #ff3000;
}
@keyframes orbit84 {
10% {
transform: rotateZ(-144deg) rotateY(134deg) translateX(100px) rotateZ(144deg);
}
80% {
transform: rotateZ(-144deg) rotateY(134deg) translateX(100px) rotateZ(144deg);
}
100% {
transform: rotateZ(-144deg) rotateY(134deg) translateX(100px) rotateZ(144deg);
}
}
circle:nth-child(85) {
animation: orbit85 1s infinite;
animation-delay: 0.85s;
fill: #ff3000;
}
@keyframes orbit85 {
10% {
transform: rotateZ(-298deg) rotateY(195deg) translateX(100px) rotateZ(298deg);
}
80% {
transform: rotateZ(-298deg) rotateY(195deg) translateX(100px) rotateZ(298deg);
}
100% {
transform: rotateZ(-298deg) rotateY(195deg) translateX(100px) rotateZ(298deg);
}
}
circle:nth-child(86) {
animation: orbit86 1s infinite;
animation-delay: 0.86s;
fill: #ff3100;
}
@keyframes orbit86 {
10% {
transform: rotateZ(-302deg) rotateY(176deg) translateX(100px) rotateZ(302deg);
}
80% {
transform: rotateZ(-302deg) rotateY(176deg) translateX(100px) rotateZ(302deg);
}
100% {
transform: rotateZ(-302deg) rotateY(176deg) translateX(100px) rotateZ(302deg);
}
}
circle:nth-child(87) {
animation: orbit87 1s infinite;
animation-delay: 0.87s;
fill: #ff3100;
}
@keyframes orbit87 {
10% {
transform: rotateZ(-265deg) rotateY(92deg) translateX(100px) rotateZ(265deg);
}
80% {
transform: rotateZ(-265deg) rotateY(92deg) translateX(100px) rotateZ(265deg);
}
100% {
transform: rotateZ(-265deg) rotateY(92deg) translateX(100px) rotateZ(265deg);
}
}
circle:nth-child(88) {
animation: orbit88 1s infinite;
animation-delay: 0.88s;
fill: #ff3200;
}
@keyframes orbit88 {
10% {
transform: rotateZ(-83deg) rotateY(143deg) translateX(100px) rotateZ(83deg);
}
80% {
transform: rotateZ(-83deg) rotateY(143deg) translateX(100px) rotateZ(83deg);
}
100% {
transform: rotateZ(-83deg) rotateY(143deg) translateX(100px) rotateZ(83deg);
}
}
circle:nth-child(89) {
animation: orbit89 1s infinite;
animation-delay: 0.89s;
fill: #ff3200;
}
@keyframes orbit89 {
10% {
transform: rotateZ(-84deg) rotateY(54deg) translateX(100px) rotateZ(84deg);
}
80% {
transform: rotateZ(-84deg) rotateY(54deg) translateX(100px) rotateZ(84deg);
}
100% {
transform: rotateZ(-84deg) rotateY(54deg) translateX(100px) rotateZ(84deg);
}
}
circle:nth-child(90) {
animation: orbit90 1s infinite;
animation-delay: 0.9s;
fill: #ff3300;
}
@keyframes orbit90 {
10% {
transform: rotateZ(-188deg) rotateY(21deg) translateX(100px) rotateZ(188deg);
}
80% {
transform: rotateZ(-188deg) rotateY(21deg) translateX(100px) rotateZ(188deg);
}
100% {
transform: rotateZ(-188deg) rotateY(21deg) translateX(100px) rotateZ(188deg);
}
}
circle:nth-child(91) {
animation: orbit91 1s infinite;
animation-delay: 0.91s;
fill: #ff3400;
}
@keyframes orbit91 {
10% {
transform: rotateZ(-73deg) rotateY(226deg) translateX(100px) rotateZ(73deg);
}
80% {
transform: rotateZ(-73deg) rotateY(226deg) translateX(100px) rotateZ(73deg);
}
100% {
transform: rotateZ(-73deg) rotateY(226deg) translateX(100px) rotateZ(73deg);
}
}
circle:nth-child(92) {
animation: orbit92 1s infinite;
animation-delay: 0.92s;
fill: #ff3400;
}
@keyframes orbit92 {
10% {
transform: rotateZ(-52deg) rotateY(95deg) translateX(100px) rotateZ(52deg);
}
80% {
transform: rotateZ(-52deg) rotateY(95deg) translateX(100px) rotateZ(52deg);
}
100% {
transform: rotateZ(-52deg) rotateY(95deg) translateX(100px) rotateZ(52deg);
}
}
circle:nth-child(93) {
animation: orbit93 1s infinite;
animation-delay: 0.93s;
fill: #ff3500;
}
@keyframes orbit93 {
10% {
transform: rotateZ(-20deg) rotateY(72deg) translateX(100px) rotateZ(20deg);
}
80% {
transform: rotateZ(-20deg) rotateY(72deg) translateX(100px) rotateZ(20deg);
}
100% {
transform: rotateZ(-20deg) rotateY(72deg) translateX(100px) rotateZ(20deg);
}
}
circle:nth-child(94) {
animation: orbit94 1s infinite;
animation-delay: 0.94s;
fill: #ff3500;
}
@keyframes orbit94 {
10% {
transform: rotateZ(-173deg) rotateY(346deg) translateX(100px) rotateZ(173deg);
}
80% {
transform: rotateZ(-173deg) rotateY(346deg) translateX(100px) rotateZ(173deg);
}
100% {
transform: rotateZ(-173deg) rotateY(346deg) translateX(100px) rotateZ(173deg);
}
}
circle:nth-child(95) {
animation: orbit95 1s infinite;
animation-delay: 0.95s;
fill: #ff3600;
}
@keyframes orbit95 {
10% {
transform: rotateZ(-335deg) rotateY(255deg) translateX(100px) rotateZ(335deg);
}
80% {
transform: rotateZ(-335deg) rotateY(255deg) translateX(100px) rotateZ(335deg);
}
100% {
transform: rotateZ(-335deg) rotateY(255deg) translateX(100px) rotateZ(335deg);
}
}
circle:nth-child(96) {
animation: orbit96 1s infinite;
animation-delay: 0.96s;
fill: #ff3600;
}
@keyframes orbit96 {
10% {
transform: rotateZ(-178deg) rotateY(231deg) translateX(100px) rotateZ(178deg);
}
80% {
transform: rotateZ(-178deg) rotateY(231deg) translateX(100px) rotateZ(178deg);
}
100% {
transform: rotateZ(-178deg) rotateY(231deg) translateX(100px) rotateZ(178deg);
}
}
circle:nth-child(97) {
animation: orbit97 1s infinite;
animation-delay: 0.97s;
fill: #ff3700;
}
@keyframes orbit97 {
10% {
transform: rotateZ(-43deg) rotateY(202deg) translateX(100px) rotateZ(43deg);
}
80% {
transform: rotateZ(-43deg) rotateY(202deg) translateX(100px) rotateZ(43deg);
}
100% {
transform: rotateZ(-43deg) rotateY(202deg) translateX(100px) rotateZ(43deg);
}
}
circle:nth-child(98) {
animation: orbit98 1s infinite;
animation-delay: 0.98s;
fill: #ff3800;
}
@keyframes orbit98 {
10% {
transform: rotateZ(-68deg) rotateY(248deg) translateX(100px) rotateZ(68deg);
}
80% {
transform: rotateZ(-68deg) rotateY(248deg) translateX(100px) rotateZ(68deg);
}
100% {
transform: rotateZ(-68deg) rotateY(248deg) translateX(100px) rotateZ(68deg);
}
}
circle:nth-child(99) {
animation: orbit99 1s infinite;
animation-delay: 0.99s;
fill: #ff3800;
}
@keyframes orbit99 {
10% {
transform: rotateZ(-278deg) rotateY(255deg) translateX(100px) rotateZ(278deg);
}
80% {
transform: rotateZ(-278deg) rotateY(255deg) translateX(100px) rotateZ(278deg);
}
100% {
transform: rotateZ(-278deg) rotateY(255deg) translateX(100px) rotateZ(278deg);
}
}
circle:nth-child(100) {
animation: orbit100 1s infinite;
animation-delay: 1s;
fill: #ff3900;
}
@keyframes orbit100 {
10% {
transform: rotateZ(-302deg) rotateY(144deg) translateX(100px) rotateZ(302deg);
}
80% {
transform: rotateZ(-302deg) rotateY(144deg) translateX(100px) rotateZ(302deg);
}
100% {
transform: rotateZ(-302deg) rotateY(144deg) translateX(100px) rotateZ(302deg);
}
}
circle:nth-child(101) {
animation: orbit101 1s infinite;
animation-delay: 1.01s;
fill: #ff3900;
}
@keyframes orbit101 {
10% {
transform: rotateZ(-22deg) rotateY(236deg) translateX(100px) rotateZ(22deg);
}
80% {
transform: rotateZ(-22deg) rotateY(236deg) translateX(100px) rotateZ(22deg);
}
100% {
transform: rotateZ(-22deg) rotateY(236deg) translateX(100px) rotateZ(22deg);
}
}
circle:nth-child(102) {
animation: orbit102 1s infinite;
animation-delay: 1.02s;
fill: #ff3a00;
}
@keyframes orbit102 {
10% {
transform: rotateZ(-263deg) rotateY(305deg) translateX(100px) rotateZ(263deg);
}
80% {
transform: rotateZ(-263deg) rotateY(305deg) translateX(100px) rotateZ(263deg);
}
100% {
transform: rotateZ(-263deg) rotateY(305deg) translateX(100px) rotateZ(263deg);
}
}
circle:nth-child(103) {
animation: orbit103 1s infinite;
animation-delay: 1.03s;
fill: #ff3a00;
}
@keyframes orbit103 {
10% {
transform: rotateZ(-144deg) rotateY(285deg) translateX(100px) rotateZ(144deg);
}
80% {
transform: rotateZ(-144deg) rotateY(285deg) translateX(100px) rotateZ(144deg);
}
100% {
transform: rotateZ(-144deg) rotateY(285deg) translateX(100px) rotateZ(144deg);
}
}
circle:nth-child(104) {
animation: orbit104 1s infinite;
animation-delay: 1.04s;
fill: #ff3b00;
}
@keyframes orbit104 {
10% {
transform: rotateZ(-46deg) rotateY(72deg) translateX(100px) rotateZ(46deg);
}
80% {
transform: rotateZ(-46deg) rotateY(72deg) translateX(100px) rotateZ(46deg);
}
100% {
transform: rotateZ(-46deg) rotateY(72deg) translateX(100px) rotateZ(46deg);
}
}
circle:nth-child(105) {
animation: orbit105 1s infinite;
animation-delay: 1.05s;
fill: #ff3c00;
}
@keyframes orbit105 {
10% {
transform: rotateZ(-100deg) rotateY(275deg) translateX(100px) rotateZ(100deg);
}
80% {
transform: rotateZ(-100deg) rotateY(275deg) translateX(100px) rotateZ(100deg);
}
100% {
transform: rotateZ(-100deg) rotateY(275deg) translateX(100px) rotateZ(100deg);
}
}
circle:nth-child(106) {
animation: orbit106 1s infinite;
animation-delay: 1.06s;
fill: #ff3c00;
}
@keyframes orbit106 {
10% {
transform: rotateZ(-161deg) rotateY(250deg) translateX(100px) rotateZ(161deg);
}
80% {
transform: rotateZ(-161deg) rotateY(250deg) translateX(100px) rotateZ(161deg);
}
100% {
transform: rotateZ(-161deg) rotateY(250deg) translateX(100px) rotateZ(161deg);
}
}
circle:nth-child(107) {
animation: orbit107 1s infinite;
animation-delay: 1.07s;
fill: #ff3d00;
}
@keyframes orbit107 {
10% {
transform: rotateZ(-338deg) rotateY(306deg) translateX(100px) rotateZ(338deg);
}
80% {
transform: rotateZ(-338deg) rotateY(306deg) translateX(100px) rotateZ(338deg);
}
100% {
transform: rotateZ(-338deg) rotateY(306deg) translateX(100px) rotateZ(338deg);
}
}
circle:nth-child(108) {
animation: orbit108 1s infinite;
animation-delay: 1.08s;
fill: #ff3d00;
}
@keyframes orbit108 {
10% {
transform: rotateZ(-199deg) rotateY(346deg) translateX(100px) rotateZ(199deg);
}
80% {
transform: rotateZ(-199deg) rotateY(346deg) translateX(100px) rotateZ(199deg);
}
100% {
transform: rotateZ(-199deg) rotateY(346deg) translateX(100px) rotateZ(199deg);
}
}
circle:nth-child(109) {
animation: orbit109 1s infinite;
animation-delay: 1.09s;
fill: #ff3e00;
}
@keyframes orbit109 {
10% {
transform: rotateZ(-43deg) rotateY(183deg) translateX(100px) rotateZ(43deg);
}
80% {
transform: rotateZ(-43deg) rotateY(183deg) translateX(100px) rotateZ(43deg);
}
100% {
transform: rotateZ(-43deg) rotateY(183deg) translateX(100px) rotateZ(43deg);
}
}
circle:nth-child(110) {
animation: orbit110 1s infinite;
animation-delay: 1.1s;
fill: #ff3e00;
}
@keyframes orbit110 {
10% {
transform: rotateZ(-300deg) rotateY(66deg) translateX(100px) rotateZ(300deg);
}
80% {
transform: rotateZ(-300deg) rotateY(66deg) translateX(100px) rotateZ(300deg);
}
100% {
transform: rotateZ(-300deg) rotateY(66deg) translateX(100px) rotateZ(300deg);
}
}
circle:nth-child(111) {
animation: orbit111 1s infinite;
animation-delay: 1.11s;
fill: #ff3f00;
}
@keyframes orbit111 {
10% {
transform: rotateZ(-75deg) rotateY(46deg) translateX(100px) rotateZ(75deg);
}
80% {
transform: rotateZ(-75deg) rotateY(46deg) translateX(100px) rotateZ(75deg);
}
100% {
transform: rotateZ(-75deg) rotateY(46deg) translateX(100px) rotateZ(75deg);
}
}
circle:nth-child(112) {
animation: orbit112 1s infinite;
animation-delay: 1.12s;
fill: #ff3f00;
}
@keyframes orbit112 {
10% {
transform: rotateZ(-264deg) rotateY(353deg) translateX(100px) rotateZ(264deg);
}
80% {
transform: rotateZ(-264deg) rotateY(353deg) translateX(100px) rotateZ(264deg);
}
100% {
transform: rotateZ(-264deg) rotateY(353deg) translateX(100px) rotateZ(264deg);
}
}
circle:nth-child(113) {
animation: orbit113 1s infinite;
animation-delay: 1.13s;
fill: #ff4000;
}
@keyframes orbit113 {
10% {
transform: rotateZ(-102deg) rotateY(355deg) translateX(100px) rotateZ(102deg);
}
80% {
transform: rotateZ(-102deg) rotateY(355deg) translateX(100px) rotateZ(102deg);
}
100% {
transform: rotateZ(-102deg) rotateY(355deg) translateX(100px) rotateZ(102deg);
}
}
circle:nth-child(114) {
animation: orbit114 1s infinite;
animation-delay: 1.14s;
fill: #ff4100;
}
@keyframes orbit114 {
10% {
transform: rotateZ(-99deg) rotateY(323deg) translateX(100px) rotateZ(99deg);
}
80% {
transform: rotateZ(-99deg) rotateY(323deg) translateX(100px) rotateZ(99deg);
}
100% {
transform: rotateZ(-99deg) rotateY(323deg) translateX(100px) rotateZ(99deg);
}
}
circle:nth-child(115) {
animation: orbit115 1s infinite;
animation-delay: 1.15s;
fill: #ff4100;
}
@keyframes orbit115 {
10% {
transform: rotateZ(-104deg) rotateY(52deg) translateX(100px) rotateZ(104deg);
}
80% {
transform: rotateZ(-104deg) rotateY(52deg) translateX(100px) rotateZ(104deg);
}
100% {
transform: rotateZ(-104deg) rotateY(52deg) translateX(100px) rotateZ(104deg);
}
}
circle:nth-child(116) {
animation: orbit116 1s infinite;
animation-delay: 1.16s;
fill: #ff4200;
}
@keyframes orbit116 {
10% {
transform: rotateZ(-4deg) rotateY(332deg) translateX(100px) rotateZ(4deg);
}
80% {
transform: rotateZ(-4deg) rotateY(332deg) translateX(100px) rotateZ(4deg);
}
100% {
transform: rotateZ(-4deg) rotateY(332deg) translateX(100px) rotateZ(4deg);
}
}
circle:nth-child(117) {
animation: orbit117 1s infinite;
animation-delay: 1.17s;
fill: #ff4200;
}
@keyframes orbit117 {
10% {
transform: rotateZ(-95deg) rotateY(332deg) translateX(100px) rotateZ(95deg);
}
80% {
transform: rotateZ(-95deg) rotateY(332deg) translateX(100px) rotateZ(95deg);
}
100% {
transform: rotateZ(-95deg) rotateY(332deg) translateX(100px) rotateZ(95deg);
}
}
circle:nth-child(118) {
animation: orbit118 1s infinite;
animation-delay: 1.18s;
fill: #ff4300;
}
@keyframes orbit118 {
10% {
transform: rotateZ(-291deg) rotateY(84deg) translateX(100px) rotateZ(291deg);
}
80% {
transform: rotateZ(-291deg) rotateY(84deg) translateX(100px) rotateZ(291deg);
}
100% {
transform: rotateZ(-291deg) rotateY(84deg) translateX(100px) rotateZ(291deg);
}
}
circle:nth-child(119) {
animation: orbit119 1s infinite;
animation-delay: 1.19s;
fill: #ff4300;
}
@keyframes orbit119 {
10% {
transform: rotateZ(-3deg) rotateY(226deg) translateX(100px) rotateZ(3deg);
}
80% {
transform: rotateZ(-3deg) rotateY(226deg) translateX(100px) rotateZ(3deg);
}
100% {
transform: rotateZ(-3deg) rotateY(226deg) translateX(100px) rotateZ(3deg);
}
}
circle:nth-child(120) {
animation: orbit120 1s infinite;
animation-delay: 1.2s;
fill: #ff4400;
}
@keyframes orbit120 {
10% {
transform: rotateZ(-141deg) rotateY(126deg) translateX(100px) rotateZ(141deg);
}
80% {
transform: rotateZ(-141deg) rotateY(126deg) translateX(100px) rotateZ(141deg);
}
100% {
transform: rotateZ(-141deg) rotateY(126deg) translateX(100px) rotateZ(141deg);
}
}
circle:nth-child(121) {
animation: orbit121 1s infinite;
animation-delay: 1.21s;
fill: orangered;
}
@keyframes orbit121 {
10% {
transform: rotateZ(-191deg) rotateY(348deg) translateX(100px) rotateZ(191deg);
}
80% {
transform: rotateZ(-191deg) rotateY(348deg) translateX(100px) rotateZ(191deg);
}
100% {
transform: rotateZ(-191deg) rotateY(348deg) translateX(100px) rotateZ(191deg);
}
}
circle:nth-child(122) {
animation: orbit122 1s infinite;
animation-delay: 1.22s;
fill: orangered;
}
@keyframes orbit122 {
10% {
transform: rotateZ(-315deg) rotateY(181deg) translateX(100px) rotateZ(315deg);
}
80% {
transform: rotateZ(-315deg) rotateY(181deg) translateX(100px) rotateZ(315deg);
}
100% {
transform: rotateZ(-315deg) rotateY(181deg) translateX(100px) rotateZ(315deg);
}
}
circle:nth-child(123) {
animation: orbit123 1s infinite;
animation-delay: 1.23s;
fill: #ff4600;
}
@keyframes orbit123 {
10% {
transform: rotateZ(-80deg) rotateY(116deg) translateX(100px) rotateZ(80deg);
}
80% {
transform: rotateZ(-80deg) rotateY(116deg) translateX(100px) rotateZ(80deg);
}
100% {
transform: rotateZ(-80deg) rotateY(116deg) translateX(100px) rotateZ(80deg);
}
}
circle:nth-child(124) {
animation: orbit124 1s infinite;
animation-delay: 1.24s;
fill: #ff4600;
}
@keyframes orbit124 {
10% {
transform: rotateZ(-217deg) rotateY(258deg) translateX(100px) rotateZ(217deg);
}
80% {
transform: rotateZ(-217deg) rotateY(258deg) translateX(100px) rotateZ(217deg);
}
100% {
transform: rotateZ(-217deg) rotateY(258deg) translateX(100px) rotateZ(217deg);
}
}
circle:nth-child(125) {
animation: orbit125 1s infinite;
animation-delay: 1.25s;
fill: #ff4700;
}
@keyframes orbit125 {
10% {
transform: rotateZ(-310deg) rotateY(201deg) translateX(100px) rotateZ(310deg);
}
80% {
transform: rotateZ(-310deg) rotateY(201deg) translateX(100px) rotateZ(310deg);
}
100% {
transform: rotateZ(-310deg) rotateY(201deg) translateX(100px) rotateZ(310deg);
}
}
circle:nth-child(126) {
animation: orbit126 1s infinite;
animation-delay: 1.26s;
fill: #ff4700;
}
@keyframes orbit126 {
10% {
transform: rotateZ(-320deg) rotateY(81deg) translateX(100px) rotateZ(320deg);
}
80% {
transform: rotateZ(-320deg) rotateY(81deg) translateX(100px) rotateZ(320deg);
}
100% {
transform: rotateZ(-320deg) rotateY(81deg) translateX(100px) rotateZ(320deg);
}
}
circle:nth-child(127) {
animation: orbit127 1s infinite;
animation-delay: 1.27s;
fill: #ff4800;
}
@keyframes orbit127 {
10% {
transform: rotateZ(-209deg) rotateY(319deg) translateX(100px) rotateZ(209deg);
}
80% {
transform: rotateZ(-209deg) rotateY(319deg) translateX(100px) rotateZ(209deg);
}
100% {
transform: rotateZ(-209deg) rotateY(319deg) translateX(100px) rotateZ(209deg);
}
}
circle:nth-child(128) {
animation: orbit128 1s infinite;
animation-delay: 1.28s;
fill: #ff4900;
}
@keyframes orbit128 {
10% {
transform: rotateZ(-144deg) rotateY(193deg) translateX(100px) rotateZ(144deg);
}
80% {
transform: rotateZ(-144deg) rotateY(193deg) translateX(100px) rotateZ(144deg);
}
100% {
transform: rotateZ(-144deg) rotateY(193deg) translateX(100px) rotateZ(144deg);
}
}
circle:nth-child(129) {
animation: orbit129 1s infinite;
animation-delay: 1.29s;
fill: #ff4900;
}
@keyframes orbit129 {
10% {
transform: rotateZ(-43deg) rotateY(66deg) translateX(100px) rotateZ(43deg);
}
80% {
transform: rotateZ(-43deg) rotateY(66deg) translateX(100px) rotateZ(43deg);
}
100% {
transform: rotateZ(-43deg) rotateY(66deg) translateX(100px) rotateZ(43deg);
}
}
circle:nth-child(130) {
animation: orbit130 1s infinite;
animation-delay: 1.3s;
fill: #ff4a00;
}
@keyframes orbit130 {
10% {
transform: rotateZ(-2deg) rotateY(301deg) translateX(100px) rotateZ(2deg);
}
80% {
transform: rotateZ(-2deg) rotateY(301deg) translateX(100px) rotateZ(2deg);
}
100% {
transform: rotateZ(-2deg) rotateY(301deg) translateX(100px) rotateZ(2deg);
}
}
circle:nth-child(131) {
animation: orbit131 1s infinite;
animation-delay: 1.31s;
fill: #ff4a00;
}
@keyframes orbit131 {
10% {
transform: rotateZ(-25deg) rotateY(161deg) translateX(100px) rotateZ(25deg);
}
80% {
transform: rotateZ(-25deg) rotateY(161deg) translateX(100px) rotateZ(25deg);
}
100% {
transform: rotateZ(-25deg) rotateY(161deg) translateX(100px) rotateZ(25deg);
}
}
circle:nth-child(132) {
animation: orbit132 1s infinite;
animation-delay: 1.32s;
fill: #ff4b00;
}
@keyframes orbit132 {
10% {
transform: rotateZ(-209deg) rotateY(349deg) translateX(100px) rotateZ(209deg);
}
80% {
transform: rotateZ(-209deg) rotateY(349deg) translateX(100px) rotateZ(209deg);
}
100% {
transform: rotateZ(-209deg) rotateY(349deg) translateX(100px) rotateZ(209deg);
}
}
circle:nth-child(133) {
animation: orbit133 1s infinite;
animation-delay: 1.33s;
fill: #ff4b00;
}
@keyframes orbit133 {
10% {
transform: rotateZ(-272deg) rotateY(145deg) translateX(100px) rotateZ(272deg);
}
80% {
transform: rotateZ(-272deg) rotateY(145deg) translateX(100px) rotateZ(272deg);
}
100% {
transform: rotateZ(-272deg) rotateY(145deg) translateX(100px) rotateZ(272deg);
}
}
circle:nth-child(134) {
animation: orbit134 1s infinite;
animation-delay: 1.34s;
fill: #ff4c00;
}
@keyframes orbit134 {
10% {
transform: rotateZ(-320deg) rotateY(258deg) translateX(100px) rotateZ(320deg);
}
80% {
transform: rotateZ(-320deg) rotateY(258deg) translateX(100px) rotateZ(320deg);
}
100% {
transform: rotateZ(-320deg) rotateY(258deg) translateX(100px) rotateZ(320deg);
}
}
circle:nth-child(135) {
animation: orbit135 1s infinite;
animation-delay: 1.35s;
fill: #ff4d00;
}
@keyframes orbit135 {
10% {
transform: rotateZ(-275deg) rotateY(190deg) translateX(100px) rotateZ(275deg);
}
80% {
transform: rotateZ(-275deg) rotateY(190deg) translateX(100px) rotateZ(275deg);
}
100% {
transform: rotateZ(-275deg) rotateY(190deg) translateX(100px) rotateZ(275deg);
}
}
circle:nth-child(136) {
animation: orbit136 1s infinite;
animation-delay: 1.36s;
fill: #ff4d00;
}
@keyframes orbit136 {
10% {
transform: rotateZ(-253deg) rotateY(162deg) translateX(100px) rotateZ(253deg);
}
80% {
transform: rotateZ(-253deg) rotateY(162deg) translateX(100px) rotateZ(253deg);
}
100% {
transform: rotateZ(-253deg) rotateY(162deg) translateX(100px) rotateZ(253deg);
}
}
circle:nth-child(137) {
animation: orbit137 1s infinite;
animation-delay: 1.37s;
fill: #ff4e00;
}
@keyframes orbit137 {
10% {
transform: rotateZ(-134deg) rotateY(26deg) translateX(100px) rotateZ(134deg);
}
80% {
transform: rotateZ(-134deg) rotateY(26deg) translateX(100px) rotateZ(134deg);
}
100% {
transform: rotateZ(-134deg) rotateY(26deg) translateX(100px) rotateZ(134deg);
}
}
circle:nth-child(138) {
animation: orbit138 1s infinite;
animation-delay: 1.38s;
fill: #ff4e00;
}
@keyframes orbit138 {
10% {
transform: rotateZ(-150deg) rotateY(184deg) translateX(100px) rotateZ(150deg);
}
80% {
transform: rotateZ(-150deg) rotateY(184deg) translateX(100px) rotateZ(150deg);
}
100% {
transform: rotateZ(-150deg) rotateY(184deg) translateX(100px) rotateZ(150deg);
}
}
circle:nth-child(139) {
animation: orbit139 1s infinite;
animation-delay: 1.39s;
fill: #ff4f00;
}
@keyframes orbit139 {
10% {
transform: rotateZ(-290deg) rotateY(167deg) translateX(100px) rotateZ(290deg);
}
80% {
transform: rotateZ(-290deg) rotateY(167deg) translateX(100px) rotateZ(290deg);
}
100% {
transform: rotateZ(-290deg) rotateY(167deg) translateX(100px) rotateZ(290deg);
}
}
circle:nth-child(140) {
animation: orbit140 1s infinite;
animation-delay: 1.4s;
fill: #ff4f00;
}
@keyframes orbit140 {
10% {
transform: rotateZ(-288deg) rotateY(282deg) translateX(100px) rotateZ(288deg);
}
80% {
transform: rotateZ(-288deg) rotateY(282deg) translateX(100px) rotateZ(288deg);
}
100% {
transform: rotateZ(-288deg) rotateY(282deg) translateX(100px) rotateZ(288deg);
}
}
circle:nth-child(141) {
animation: orbit141 1s infinite;
animation-delay: 1.41s;
fill: #ff5000;
}
@keyframes orbit141 {
10% {
transform: rotateZ(-220deg) rotateY(57deg) translateX(100px) rotateZ(220deg);
}
80% {
transform: rotateZ(-220deg) rotateY(57deg) translateX(100px) rotateZ(220deg);
}
100% {
transform: rotateZ(-220deg) rotateY(57deg) translateX(100px) rotateZ(220deg);
}
}
circle:nth-child(142) {
animation: orbit142 1s infinite;
animation-delay: 1.42s;
fill: #ff5000;
}
@keyframes orbit142 {
10% {
transform: rotateZ(-195deg) rotateY(289deg) translateX(100px) rotateZ(195deg);
}
80% {
transform: rotateZ(-195deg) rotateY(289deg) translateX(100px) rotateZ(195deg);
}
100% {
transform: rotateZ(-195deg) rotateY(289deg) translateX(100px) rotateZ(195deg);
}
}
circle:nth-child(143) {
animation: orbit143 1s infinite;
animation-delay: 1.43s;
fill: #ff5100;
}
@keyframes orbit143 {
10% {
transform: rotateZ(-199deg) rotateY(48deg) translateX(100px) rotateZ(199deg);
}
80% {
transform: rotateZ(-199deg) rotateY(48deg) translateX(100px) rotateZ(199deg);
}
100% {
transform: rotateZ(-199deg) rotateY(48deg) translateX(100px) rotateZ(199deg);
}
}
circle:nth-child(144) {
animation: orbit144 1s infinite;
animation-delay: 1.44s;
fill: #ff5200;
}
@keyframes orbit144 {
10% {
transform: rotateZ(-266deg) rotateY(133deg) translateX(100px) rotateZ(266deg);
}
80% {
transform: rotateZ(-266deg) rotateY(133deg) translateX(100px) rotateZ(266deg);
}
100% {
transform: rotateZ(-266deg) rotateY(133deg) translateX(100px) rotateZ(266deg);
}
}
circle:nth-child(145) {
animation: orbit145 1s infinite;
animation-delay: 1.45s;
fill: #ff5200;
}
@keyframes orbit145 {
10% {
transform: rotateZ(-306deg) rotateY(113deg) translateX(100px) rotateZ(306deg);
}
80% {
transform: rotateZ(-306deg) rotateY(113deg) translateX(100px) rotateZ(306deg);
}
100% {
transform: rotateZ(-306deg) rotateY(113deg) translateX(100px) rotateZ(306deg);
}
}
circle:nth-child(146) {
animation: orbit146 1s infinite;
animation-delay: 1.46s;
fill: #ff5300;
}
@keyframes orbit146 {
10% {
transform: rotateZ(-294deg) rotateY(197deg) translateX(100px) rotateZ(294deg);
}
80% {
transform: rotateZ(-294deg) rotateY(197deg) translateX(100px) rotateZ(294deg);
}
100% {
transform: rotateZ(-294deg) rotateY(197deg) translateX(100px) rotateZ(294deg);
}
}
circle:nth-child(147) {
animation: orbit147 1s infinite;
animation-delay: 1.47s;
fill: #ff5300;
}
@keyframes orbit147 {
10% {
transform: rotateZ(-220deg) rotateY(316deg) translateX(100px) rotateZ(220deg);
}
80% {
transform: rotateZ(-220deg) rotateY(316deg) translateX(100px) rotateZ(220deg);
}
100% {
transform: rotateZ(-220deg) rotateY(316deg) translateX(100px) rotateZ(220deg);
}
}
circle:nth-child(148) {
animation: orbit148 1s infinite;
animation-delay: 1.48s;
fill: #ff5400;
}
@keyframes orbit148 {
10% {
transform: rotateZ(-64deg) rotateY(30deg) translateX(100px) rotateZ(64deg);
}
80% {
transform: rotateZ(-64deg) rotateY(30deg) translateX(100px) rotateZ(64deg);
}
100% {
transform: rotateZ(-64deg) rotateY(30deg) translateX(100px) rotateZ(64deg);
}
}
circle:nth-child(149) {
animation: orbit149 1s infinite;
animation-delay: 1.49s;
fill: #ff5400;
}
@keyframes orbit149 {
10% {
transform: rotateZ(-146deg) rotateY(89deg) translateX(100px) rotateZ(146deg);
}
80% {
transform: rotateZ(-146deg) rotateY(89deg) translateX(100px) rotateZ(146deg);
}
100% {
transform: rotateZ(-146deg) rotateY(89deg) translateX(100px) rotateZ(146deg);
}
}
circle:nth-child(150) {
animation: orbit150 1s infinite;
animation-delay: 1.5s;
fill: #ff5500;
}
@keyframes orbit150 {
10% {
transform: rotateZ(-98deg) rotateY(145deg) translateX(100px) rotateZ(98deg);
}
80% {
transform: rotateZ(-98deg) rotateY(145deg) translateX(100px) rotateZ(98deg);
}
100% {
transform: rotateZ(-98deg) rotateY(145deg) translateX(100px) rotateZ(98deg);
}
}
circle:nth-child(151) {
animation: orbit151 1s infinite;
animation-delay: 1.51s;
fill: #ff5600;
}
@keyframes orbit151 {
10% {
transform: rotateZ(-212deg) rotateY(353deg) translateX(100px) rotateZ(212deg);
}
80% {
transform: rotateZ(-212deg) rotateY(353deg) translateX(100px) rotateZ(212deg);
}
100% {
transform: rotateZ(-212deg) rotateY(353deg) translateX(100px) rotateZ(212deg);
}
}
circle:nth-child(152) {
animation: orbit152 1s infinite;
animation-delay: 1.52s;
fill: #ff5600;
}
@keyframes orbit152 {
10% {
transform: rotateZ(-221deg) rotateY(187deg) translateX(100px) rotateZ(221deg);
}
80% {
transform: rotateZ(-221deg) rotateY(187deg) translateX(100px) rotateZ(221deg);
}
100% {
transform: rotateZ(-221deg) rotateY(187deg) translateX(100px) rotateZ(221deg);
}
}
circle:nth-child(153) {
animation: orbit153 1s infinite;
animation-delay: 1.53s;
fill: #ff5700;
}
@keyframes orbit153 {
10% {
transform: rotateZ(-332deg) rotateY(84deg) translateX(100px) rotateZ(332deg);
}
80% {
transform: rotateZ(-332deg) rotateY(84deg) translateX(100px) rotateZ(332deg);
}
100% {
transform: rotateZ(-332deg) rotateY(84deg) translateX(100px) rotateZ(332deg);
}
}
circle:nth-child(154) {
animation: orbit154 1s infinite;
animation-delay: 1.54s;
fill: #ff5700;
}
@keyframes orbit154 {
10% {
transform: rotateZ(-124deg) rotateY(41deg) translateX(100px) rotateZ(124deg);
}
80% {
transform: rotateZ(-124deg) rotateY(41deg) translateX(100px) rotateZ(124deg);
}
100% {
transform: rotateZ(-124deg) rotateY(41deg) translateX(100px) rotateZ(124deg);
}
}
circle:nth-child(155) {
animation: orbit155 1s infinite;
animation-delay: 1.55s;
fill: #ff5800;
}
@keyframes orbit155 {
10% {
transform: rotateZ(-77deg) rotateY(156deg) translateX(100px) rotateZ(77deg);
}
80% {
transform: rotateZ(-77deg) rotateY(156deg) translateX(100px) rotateZ(77deg);
}
100% {
transform: rotateZ(-77deg) rotateY(156deg) translateX(100px) rotateZ(77deg);
}
}
circle:nth-child(156) {
animation: orbit156 1s infinite;
animation-delay: 1.56s;
fill: #ff5800;
}
@keyframes orbit156 {
10% {
transform: rotateZ(-193deg) rotateY(89deg) translateX(100px) rotateZ(193deg);
}
80% {
transform: rotateZ(-193deg) rotateY(89deg) translateX(100px) rotateZ(193deg);
}
100% {
transform: rotateZ(-193deg) rotateY(89deg) translateX(100px) rotateZ(193deg);
}
}
circle:nth-child(157) {
animation: orbit157 1s infinite;
animation-delay: 1.57s;
fill: #ff5900;
}
@keyframes orbit157 {
10% {
transform: rotateZ(-153deg) rotateY(301deg) translateX(100px) rotateZ(153deg);
}
80% {
transform: rotateZ(-153deg) rotateY(301deg) translateX(100px) rotateZ(153deg);
}
100% {
transform: rotateZ(-153deg) rotateY(301deg) translateX(100px) rotateZ(153deg);
}
}
circle:nth-child(158) {
animation: orbit158 1s infinite;
animation-delay: 1.58s;
fill: #ff5a00;
}
@keyframes orbit158 {
10% {
transform: rotateZ(-218deg) rotateY(46deg) translateX(100px) rotateZ(218deg);
}
80% {
transform: rotateZ(-218deg) rotateY(46deg) translateX(100px) rotateZ(218deg);
}
100% {
transform: rotateZ(-218deg) rotateY(46deg) translateX(100px) rotateZ(218deg);
}
}
circle:nth-child(159) {
animation: orbit159 1s infinite;
animation-delay: 1.59s;
fill: #ff5a00;
}
@keyframes orbit159 {
10% {
transform: rotateZ(-221deg) rotateY(306deg) translateX(100px) rotateZ(221deg);
}
80% {
transform: rotateZ(-221deg) rotateY(306deg) translateX(100px) rotateZ(221deg);
}
100% {
transform: rotateZ(-221deg) rotateY(306deg) translateX(100px) rotateZ(221deg);
}
}
circle:nth-child(160) {
animation: orbit160 1s infinite;
animation-delay: 1.6s;
fill: #ff5b00;
}
@keyframes orbit160 {
10% {
transform: rotateZ(-335deg) rotateY(348deg) translateX(100px) rotateZ(335deg);
}
80% {
transform: rotateZ(-335deg) rotateY(348deg) translateX(100px) rotateZ(335deg);
}
100% {
transform: rotateZ(-335deg) rotateY(348deg) translateX(100px) rotateZ(335deg);
}
}
circle:nth-child(161) {
animation: orbit161 1s infinite;
animation-delay: 1.61s;
fill: #ff5b00;
}
@keyframes orbit161 {
10% {
transform: rotateZ(-253deg) rotateY(27deg) translateX(100px) rotateZ(253deg);
}
80% {
transform: rotateZ(-253deg) rotateY(27deg) translateX(100px) rotateZ(253deg);
}
100% {
transform: rotateZ(-253deg) rotateY(27deg) translateX(100px) rotateZ(253deg);
}
}
circle:nth-child(162) {
animation: orbit162 1s infinite;
animation-delay: 1.62s;
fill: #ff5c00;
}
@keyframes orbit162 {
10% {
transform: rotateZ(-188deg) rotateY(103deg) translateX(100px) rotateZ(188deg);
}
80% {
transform: rotateZ(-188deg) rotateY(103deg) translateX(100px) rotateZ(188deg);
}
100% {
transform: rotateZ(-188deg) rotateY(103deg) translateX(100px) rotateZ(188deg);
}
}
circle:nth-child(163) {
animation: orbit163 1s infinite;
animation-delay: 1.63s;
fill: #ff5c00;
}
@keyframes orbit163 {
10% {
transform: rotateZ(-341deg) rotateY(322deg) translateX(100px) rotateZ(341deg);
}
80% {
transform: rotateZ(-341deg) rotateY(322deg) translateX(100px) rotateZ(341deg);
}
100% {
transform: rotateZ(-341deg) rotateY(322deg) translateX(100px) rotateZ(341deg);
}
}
circle:nth-child(164) {
animation: orbit164 1s infinite;
animation-delay: 1.64s;
fill: #ff5d00;
}
@keyframes orbit164 {
10% {
transform: rotateZ(-70deg) rotateY(342deg) translateX(100px) rotateZ(70deg);
}
80% {
transform: rotateZ(-70deg) rotateY(342deg) translateX(100px) rotateZ(70deg);
}
100% {
transform: rotateZ(-70deg) rotateY(342deg) translateX(100px) rotateZ(70deg);
}
}
circle:nth-child(165) {
animation: orbit165 1s infinite;
animation-delay: 1.65s;
fill: #ff5e00;
}
@keyframes orbit165 {
10% {
transform: rotateZ(-236deg) rotateY(40deg) translateX(100px) rotateZ(236deg);
}
80% {
transform: rotateZ(-236deg) rotateY(40deg) translateX(100px) rotateZ(236deg);
}
100% {
transform: rotateZ(-236deg) rotateY(40deg) translateX(100px) rotateZ(236deg);
}
}
circle:nth-child(166) {
animation: orbit166 1s infinite;
animation-delay: 1.66s;
fill: #ff5e00;
}
@keyframes orbit166 {
10% {
transform: rotateZ(-145deg) rotateY(334deg) translateX(100px) rotateZ(145deg);
}
80% {
transform: rotateZ(-145deg) rotateY(334deg) translateX(100px) rotateZ(145deg);
}
100% {
transform: rotateZ(-145deg) rotateY(334deg) translateX(100px) rotateZ(145deg);
}
}
circle:nth-child(167) {
animation: orbit167 1s infinite;
animation-delay: 1.67s;
fill: #ff5f00;
}
@keyframes orbit167 {
10% {
transform: rotateZ(-171deg) rotateY(337deg) translateX(100px) rotateZ(171deg);
}
80% {
transform: rotateZ(-171deg) rotateY(337deg) translateX(100px) rotateZ(171deg);
}
100% {
transform: rotateZ(-171deg) rotateY(337deg) translateX(100px) rotateZ(171deg);
}
}
circle:nth-child(168) {
animation: orbit168 1s infinite;
animation-delay: 1.68s;
fill: #ff5f00;
}
@keyframes orbit168 {
10% {
transform: rotateZ(-22deg) rotateY(248deg) translateX(100px) rotateZ(22deg);
}
80% {
transform: rotateZ(-22deg) rotateY(248deg) translateX(100px) rotateZ(22deg);
}
100% {
transform: rotateZ(-22deg) rotateY(248deg) translateX(100px) rotateZ(22deg);
}
}
circle:nth-child(169) {
animation: orbit169 1s infinite;
animation-delay: 1.69s;
fill: #ff6000;
}
@keyframes orbit169 {
10% {
transform: rotateZ(-245deg) rotateY(320deg) translateX(100px) rotateZ(245deg);
}
80% {
transform: rotateZ(-245deg) rotateY(320deg) translateX(100px) rotateZ(245deg);
}
100% {
transform: rotateZ(-245deg) rotateY(320deg) translateX(100px) rotateZ(245deg);
}
}
circle:nth-child(170) {
animation: orbit170 1s infinite;
animation-delay: 1.7s;
fill: #ff6000;
}
@keyframes orbit170 {
10% {
transform: rotateZ(-277deg) rotateY(252deg) translateX(100px) rotateZ(277deg);
}
80% {
transform: rotateZ(-277deg) rotateY(252deg) translateX(100px) rotateZ(277deg);
}
100% {
transform: rotateZ(-277deg) rotateY(252deg) translateX(100px) rotateZ(277deg);
}
}
circle:nth-child(171) {
animation: orbit171 1s infinite;
animation-delay: 1.71s;
fill: #ff6100;
}
@keyframes orbit171 {
10% {
transform: rotateZ(-323deg) rotateY(196deg) translateX(100px) rotateZ(323deg);
}
80% {
transform: rotateZ(-323deg) rotateY(196deg) translateX(100px) rotateZ(323deg);
}
100% {
transform: rotateZ(-323deg) rotateY(196deg) translateX(100px) rotateZ(323deg);
}
}
circle:nth-child(172) {
animation: orbit172 1s infinite;
animation-delay: 1.72s;
fill: #ff6100;
}
@keyframes orbit172 {
10% {
transform: rotateZ(-60deg) rotateY(276deg) translateX(100px) rotateZ(60deg);
}
80% {
transform: rotateZ(-60deg) rotateY(276deg) translateX(100px) rotateZ(60deg);
}
100% {
transform: rotateZ(-60deg) rotateY(276deg) translateX(100px) rotateZ(60deg);
}
}
circle:nth-child(173) {
animation: orbit173 1s infinite;
animation-delay: 1.73s;
fill: #ff6200;
}
@keyframes orbit173 {
10% {
transform: rotateZ(-310deg) rotateY(86deg) translateX(100px) rotateZ(310deg);
}
80% {
transform: rotateZ(-310deg) rotateY(86deg) translateX(100px) rotateZ(310deg);
}
100% {
transform: rotateZ(-310deg) rotateY(86deg) translateX(100px) rotateZ(310deg);
}
}
circle:nth-child(174) {
animation: orbit174 1s infinite;
animation-delay: 1.74s;
fill: #ff6300;
}
@keyframes orbit174 {
10% {
transform: rotateZ(-227deg) rotateY(308deg) translateX(100px) rotateZ(227deg);
}
80% {
transform: rotateZ(-227deg) rotateY(308deg) translateX(100px) rotateZ(227deg);
}
100% {
transform: rotateZ(-227deg) rotateY(308deg) translateX(100px) rotateZ(227deg);
}
}
circle:nth-child(175) {
animation: orbit175 1s infinite;
animation-delay: 1.75s;
fill: #ff6300;
}
@keyframes orbit175 {
10% {
transform: rotateZ(-47deg) rotateY(175deg) translateX(100px) rotateZ(47deg);
}
80% {
transform: rotateZ(-47deg) rotateY(175deg) translateX(100px) rotateZ(47deg);
}
100% {
transform: rotateZ(-47deg) rotateY(175deg) translateX(100px) rotateZ(47deg);
}
}
circle:nth-child(176) {
animation: orbit176 1s infinite;
animation-delay: 1.76s;
fill: #ff6400;
}
@keyframes orbit176 {
10% {
transform: rotateZ(-101deg) rotateY(19deg) translateX(100px) rotateZ(101deg);
}
80% {
transform: rotateZ(-101deg) rotateY(19deg) translateX(100px) rotateZ(101deg);
}
100% {
transform: rotateZ(-101deg) rotateY(19deg) translateX(100px) rotateZ(101deg);
}
}
circle:nth-child(177) {
animation: orbit177 1s infinite;
animation-delay: 1.77s;
fill: #ff6400;
}
@keyframes orbit177 {
10% {
transform: rotateZ(-26deg) rotateY(133deg) translateX(100px) rotateZ(26deg);
}
80% {
transform: rotateZ(-26deg) rotateY(133deg) translateX(100px) rotateZ(26deg);
}
100% {
transform: rotateZ(-26deg) rotateY(133deg) translateX(100px) rotateZ(26deg);
}
}
circle:nth-child(178) {
animation: orbit178 1s infinite;
animation-delay: 1.78s;
fill: #ff6500;
}
@keyframes orbit178 {
10% {
transform: rotateZ(-45deg) rotateY(25deg) translateX(100px) rotateZ(45deg);
}
80% {
transform: rotateZ(-45deg) rotateY(25deg) translateX(100px) rotateZ(45deg);
}
100% {
transform: rotateZ(-45deg) rotateY(25deg) translateX(100px) rotateZ(45deg);
}
}
circle:nth-child(179) {
animation: orbit179 1s infinite;
animation-delay: 1.79s;
fill: #ff6500;
}
@keyframes orbit179 {
10% {
transform: rotateZ(-63deg) rotateY(80deg) translateX(100px) rotateZ(63deg);
}
80% {
transform: rotateZ(-63deg) rotateY(80deg) translateX(100px) rotateZ(63deg);
}
100% {
transform: rotateZ(-63deg) rotateY(80deg) translateX(100px) rotateZ(63deg);
}
}
circle:nth-child(180) {
animation: orbit180 1s infinite;
animation-delay: 1.8s;
fill: #ff6600;
}
@keyframes orbit180 {
10% {
transform: rotateZ(-350deg) rotateY(225deg) translateX(100px) rotateZ(350deg);
}
80% {
transform: rotateZ(-350deg) rotateY(225deg) translateX(100px) rotateZ(350deg);
}
100% {
transform: rotateZ(-350deg) rotateY(225deg) translateX(100px) rotateZ(350deg);
}
}
circle:nth-child(181) {
animation: orbit181 1s infinite;
animation-delay: 1.81s;
fill: #ff6700;
}
@keyframes orbit181 {
10% {
transform: rotateZ(-165deg) rotateY(207deg) translateX(100px) rotateZ(165deg);
}
80% {
transform: rotateZ(-165deg) rotateY(207deg) translateX(100px) rotateZ(165deg);
}
100% {
transform: rotateZ(-165deg) rotateY(207deg) translateX(100px) rotateZ(165deg);
}
}
circle:nth-child(182) {
animation: orbit182 1s infinite;
animation-delay: 1.82s;
fill: #ff6700;
}
@keyframes orbit182 {
10% {
transform: rotateZ(-131deg) rotateY(307deg) translateX(100px) rotateZ(131deg);
}
80% {
transform: rotateZ(-131deg) rotateY(307deg) translateX(100px) rotateZ(131deg);
}
100% {
transform: rotateZ(-131deg) rotateY(307deg) translateX(100px) rotateZ(131deg);
}
}
circle:nth-child(183) {
animation: orbit183 1s infinite;
animation-delay: 1.83s;
fill: #ff6800;
}
@keyframes orbit183 {
10% {
transform: rotateZ(-282deg) rotateY(356deg) translateX(100px) rotateZ(282deg);
}
80% {
transform: rotateZ(-282deg) rotateY(356deg) translateX(100px) rotateZ(282deg);
}
100% {
transform: rotateZ(-282deg) rotateY(356deg) translateX(100px) rotateZ(282deg);
}
}
circle:nth-child(184) {
animation: orbit184 1s infinite;
animation-delay: 1.84s;
fill: #ff6800;
}
@keyframes orbit184 {
10% {
transform: rotateZ(-154deg) rotateY(137deg) translateX(100px) rotateZ(154deg);
}
80% {
transform: rotateZ(-154deg) rotateY(137deg) translateX(100px) rotateZ(154deg);
}
100% {
transform: rotateZ(-154deg) rotateY(137deg) translateX(100px) rotateZ(154deg);
}
}
circle:nth-child(185) {
animation: orbit185 1s infinite;
animation-delay: 1.85s;
fill: #ff6900;
}
@keyframes orbit185 {
10% {
transform: rotateZ(-226deg) rotateY(345deg) translateX(100px) rotateZ(226deg);
}
80% {
transform: rotateZ(-226deg) rotateY(345deg) translateX(100px) rotateZ(226deg);
}
100% {
transform: rotateZ(-226deg) rotateY(345deg) translateX(100px) rotateZ(226deg);
}
}
circle:nth-child(186) {
animation: orbit186 1s infinite;
animation-delay: 1.86s;
fill: #ff6900;
}
@keyframes orbit186 {
10% {
transform: rotateZ(-150deg) rotateY(349deg) translateX(100px) rotateZ(150deg);
}
80% {
transform: rotateZ(-150deg) rotateY(349deg) translateX(100px) rotateZ(150deg);
}
100% {
transform: rotateZ(-150deg) rotateY(349deg) translateX(100px) rotateZ(150deg);
}
}
circle:nth-child(187) {
animation: orbit187 1s infinite;
animation-delay: 1.87s;
fill: #ff6a00;
}
@keyframes orbit187 {
10% {
transform: rotateZ(-295deg) rotateY(330deg) translateX(100px) rotateZ(295deg);
}
80% {
transform: rotateZ(-295deg) rotateY(330deg) translateX(100px) rotateZ(295deg);
}
100% {
transform: rotateZ(-295deg) rotateY(330deg) translateX(100px) rotateZ(295deg);
}
}
circle:nth-child(188) {
animation: orbit188 1s infinite;
animation-delay: 1.88s;
fill: #ff6b00;
}
@keyframes orbit188 {
10% {
transform: rotateZ(-146deg) rotateY(114deg) translateX(100px) rotateZ(146deg);
}
80% {
transform: rotateZ(-146deg) rotateY(114deg) translateX(100px) rotateZ(146deg);
}
100% {
transform: rotateZ(-146deg) rotateY(114deg) translateX(100px) rotateZ(146deg);
}
}
circle:nth-child(189) {
animation: orbit189 1s infinite;
animation-delay: 1.89s;
fill: #ff6b00;
}
@keyframes orbit189 {
10% {
transform: rotateZ(-153deg) rotateY(36deg) translateX(100px) rotateZ(153deg);
}
80% {
transform: rotateZ(-153deg) rotateY(36deg) translateX(100px) rotateZ(153deg);
}
100% {
transform: rotateZ(-153deg) rotateY(36deg) translateX(100px) rotateZ(153deg);
}
}
circle:nth-child(190) {
animation: orbit190 1s infinite;
animation-delay: 1.9s;
fill: #ff6c00;
}
@keyframes orbit190 {
10% {
transform: rotateZ(-159deg) rotateY(163deg) translateX(100px) rotateZ(159deg);
}
80% {
transform: rotateZ(-159deg) rotateY(163deg) translateX(100px) rotateZ(159deg);
}
100% {
transform: rotateZ(-159deg) rotateY(163deg) translateX(100px) rotateZ(159deg);
}
}
circle:nth-child(191) {
animation: orbit191 1s infinite;
animation-delay: 1.91s;
fill: #ff6c00;
}
@keyframes orbit191 {
10% {
transform: rotateZ(-84deg) rotateY(5deg) translateX(100px) rotateZ(84deg);
}
80% {
transform: rotateZ(-84deg) rotateY(5deg) translateX(100px) rotateZ(84deg);
}
100% {
transform: rotateZ(-84deg) rotateY(5deg) translateX(100px) rotateZ(84deg);
}
}
circle:nth-child(192) {
animation: orbit192 1s infinite;
animation-delay: 1.92s;
fill: #ff6d00;
}
@keyframes orbit192 {
10% {
transform: rotateZ(-21deg) rotateY(154deg) translateX(100px) rotateZ(21deg);
}
80% {
transform: rotateZ(-21deg) rotateY(154deg) translateX(100px) rotateZ(21deg);
}
100% {
transform: rotateZ(-21deg) rotateY(154deg) translateX(100px) rotateZ(21deg);
}
}
circle:nth-child(193) {
animation: orbit193 1s infinite;
animation-delay: 1.93s;
fill: #ff6d00;
}
@keyframes orbit193 {
10% {
transform: rotateZ(-247deg) rotateY(317deg) translateX(100px) rotateZ(247deg);
}
80% {
transform: rotateZ(-247deg) rotateY(317deg) translateX(100px) rotateZ(247deg);
}
100% {
transform: rotateZ(-247deg) rotateY(317deg) translateX(100px) rotateZ(247deg);
}
}
circle:nth-child(194) {
animation: orbit194 1s infinite;
animation-delay: 1.94s;
fill: #ff6e00;
}
@keyframes orbit194 {
10% {
transform: rotateZ(-171deg) rotateY(91deg) translateX(100px) rotateZ(171deg);
}
80% {
transform: rotateZ(-171deg) rotateY(91deg) translateX(100px) rotateZ(171deg);
}
100% {
transform: rotateZ(-171deg) rotateY(91deg) translateX(100px) rotateZ(171deg);
}
}
circle:nth-child(195) {
animation: orbit195 1s infinite;
animation-delay: 1.95s;
fill: #ff6f00;
}
@keyframes orbit195 {
10% {
transform: rotateZ(-240deg) rotateY(138deg) translateX(100px) rotateZ(240deg);
}
80% {
transform: rotateZ(-240deg) rotateY(138deg) translateX(100px) rotateZ(240deg);
}
100% {
transform: rotateZ(-240deg) rotateY(138deg) translateX(100px) rotateZ(240deg);
}
}
circle:nth-child(196) {
animation: orbit196 1s infinite;
animation-delay: 1.96s;
fill: #ff6f00;
}
@keyframes orbit196 {
10% {
transform: rotateZ(-56deg) rotateY(118deg) translateX(100px) rotateZ(56deg);
}
80% {
transform: rotateZ(-56deg) rotateY(118deg) translateX(100px) rotateZ(56deg);
}
100% {
transform: rotateZ(-56deg) rotateY(118deg) translateX(100px) rotateZ(56deg);
}
}
circle:nth-child(197) {
animation: orbit197 1s infinite;
animation-delay: 1.97s;
fill: #ff7000;
}
@keyframes orbit197 {
10% {
transform: rotateZ(-208deg) rotateY(145deg) translateX(100px) rotateZ(208deg);
}
80% {
transform: rotateZ(-208deg) rotateY(145deg) translateX(100px) rotateZ(208deg);
}
100% {
transform: rotateZ(-208deg) rotateY(145deg) translateX(100px) rotateZ(208deg);
}
}
circle:nth-child(198) {
animation: orbit198 1s infinite;
animation-delay: 1.98s;
fill: #ff7000;
}
@keyframes orbit198 {
10% {
transform: rotateZ(-63deg) rotateY(217deg) translateX(100px) rotateZ(63deg);
}
80% {
transform: rotateZ(-63deg) rotateY(217deg) translateX(100px) rotateZ(63deg);
}
100% {
transform: rotateZ(-63deg) rotateY(217deg) translateX(100px) rotateZ(63deg);
}
}
circle:nth-child(199) {
animation: orbit199 1s infinite;
animation-delay: 1.99s;
fill: #ff7100;
}
@keyframes orbit199 {
10% {
transform: rotateZ(-347deg) rotateY(160deg) translateX(100px) rotateZ(347deg);
}
80% {
transform: rotateZ(-347deg) rotateY(160deg) translateX(100px) rotateZ(347deg);
}
100% {
transform: rotateZ(-347deg) rotateY(160deg) translateX(100px) rotateZ(347deg);
}
}
circle:nth-child(200) {
animation: orbit200 1s infinite;
animation-delay: 2s;
fill: #ff7100;
}
@keyframes orbit200 {
10% {
transform: rotateZ(-19deg) rotateY(256deg) translateX(100px) rotateZ(19deg);
}
80% {
transform: rotateZ(-19deg) rotateY(256deg) translateX(100px) rotateZ(19deg);
}
100% {
transform: rotateZ(-19deg) rotateY(256deg) translateX(100px) rotateZ(19deg);
}
}
circle:nth-child(201) {
animation: orbit201 1s infinite;
animation-delay: 2.01s;
fill: #ff7200;
}
@keyframes orbit201 {
10% {
transform: rotateZ(-183deg) rotateY(51deg) translateX(100px) rotateZ(183deg);
}
80% {
transform: rotateZ(-183deg) rotateY(51deg) translateX(100px) rotateZ(183deg);
}
100% {
transform: rotateZ(-183deg) rotateY(51deg) translateX(100px) rotateZ(183deg);
}
}
circle:nth-child(202) {
animation: orbit202 1s infinite;
animation-delay: 2.02s;
fill: #ff7200;
}
@keyframes orbit202 {
10% {
transform: rotateZ(-248deg) rotateY(214deg) translateX(100px) rotateZ(248deg);
}
80% {
transform: rotateZ(-248deg) rotateY(214deg) translateX(100px) rotateZ(248deg);
}
100% {
transform: rotateZ(-248deg) rotateY(214deg) translateX(100px) rotateZ(248deg);
}
}
circle:nth-child(203) {
animation: orbit203 1s infinite;
animation-delay: 2.03s;
fill: #ff7300;
}
@keyframes orbit203 {
10% {
transform: rotateZ(-114deg) rotateY(331deg) translateX(100px) rotateZ(114deg);
}
80% {
transform: rotateZ(-114deg) rotateY(331deg) translateX(100px) rotateZ(114deg);
}
100% {
transform: rotateZ(-114deg) rotateY(331deg) translateX(100px) rotateZ(114deg);
}
}
circle:nth-child(204) {
animation: orbit204 1s infinite;
animation-delay: 2.04s;
fill: #ff7400;
}
@keyframes orbit204 {
10% {
transform: rotateZ(-250deg) rotateY(112deg) translateX(100px) rotateZ(250deg);
}
80% {
transform: rotateZ(-250deg) rotateY(112deg) translateX(100px) rotateZ(250deg);
}
100% {
transform: rotateZ(-250deg) rotateY(112deg) translateX(100px) rotateZ(250deg);
}
}
circle:nth-child(205) {
animation: orbit205 1s infinite;
animation-delay: 2.05s;
fill: #ff7400;
}
@keyframes orbit205 {
10% {
transform: rotateZ(-300deg) rotateY(88deg) translateX(100px) rotateZ(300deg);
}
80% {
transform: rotateZ(-300deg) rotateY(88deg) translateX(100px) rotateZ(300deg);
}
100% {
transform: rotateZ(-300deg) rotateY(88deg) translateX(100px) rotateZ(300deg);
}
}
circle:nth-child(206) {
animation: orbit206 1s infinite;
animation-delay: 2.06s;
fill: #ff7500;
}
@keyframes orbit206 {
10% {
transform: rotateZ(-300deg) rotateY(169deg) translateX(100px) rotateZ(300deg);
}
80% {
transform: rotateZ(-300deg) rotateY(169deg) translateX(100px) rotateZ(300deg);
}
100% {
transform: rotateZ(-300deg) rotateY(169deg) translateX(100px) rotateZ(300deg);
}
}
circle:nth-child(207) {
animation: orbit207 1s infinite;
animation-delay: 2.07s;
fill: #ff7500;
}
@keyframes orbit207 {
10% {
transform: rotateZ(-335deg) rotateY(306deg) translateX(100px) rotateZ(335deg);
}
80% {
transform: rotateZ(-335deg) rotateY(306deg) translateX(100px) rotateZ(335deg);
}
100% {
transform: rotateZ(-335deg) rotateY(306deg) translateX(100px) rotateZ(335deg);
}
}
circle:nth-child(208) {
animation: orbit208 1s infinite;
animation-delay: 2.08s;
fill: #ff7600;
}
@keyframes orbit208 {
10% {
transform: rotateZ(-297deg) rotateY(296deg) translateX(100px) rotateZ(297deg);
}
80% {
transform: rotateZ(-297deg) rotateY(296deg) translateX(100px) rotateZ(297deg);
}
100% {
transform: rotateZ(-297deg) rotateY(296deg) translateX(100px) rotateZ(297deg);
}
}
circle:nth-child(209) {
animation: orbit209 1s infinite;
animation-delay: 2.09s;
fill: #ff7600;
}
@keyframes orbit209 {
10% {
transform: rotateZ(-243deg) rotateY(51deg) translateX(100px) rotateZ(243deg);
}
80% {
transform: rotateZ(-243deg) rotateY(51deg) translateX(100px) rotateZ(243deg);
}
100% {
transform: rotateZ(-243deg) rotateY(51deg) translateX(100px) rotateZ(243deg);
}
}
circle:nth-child(210) {
animation: orbit210 1s infinite;
animation-delay: 2.1s;
fill: #ff7700;
}
@keyframes orbit210 {
10% {
transform: rotateZ(-341deg) rotateY(317deg) translateX(100px) rotateZ(341deg);
}
80% {
transform: rotateZ(-341deg) rotateY(317deg) translateX(100px) rotateZ(341deg);
}
100% {
transform: rotateZ(-341deg) rotateY(317deg) translateX(100px) rotateZ(341deg);
}
}
circle:nth-child(211) {
animation: orbit211 1s infinite;
animation-delay: 2.11s;
fill: #ff7800;
}
@keyframes orbit211 {
10% {
transform: rotateZ(-93deg) rotateY(358deg) translateX(100px) rotateZ(93deg);
}
80% {
transform: rotateZ(-93deg) rotateY(358deg) translateX(100px) rotateZ(93deg);
}
100% {
transform: rotateZ(-93deg) rotateY(358deg) translateX(100px) rotateZ(93deg);
}
}
circle:nth-child(212) {
animation: orbit212 1s infinite;
animation-delay: 2.12s;
fill: #ff7800;
}
@keyframes orbit212 {
10% {
transform: rotateZ(-62deg) rotateY(132deg) translateX(100px) rotateZ(62deg);
}
80% {
transform: rotateZ(-62deg) rotateY(132deg) translateX(100px) rotateZ(62deg);
}
100% {
transform: rotateZ(-62deg) rotateY(132deg) translateX(100px) rotateZ(62deg);
}
}
circle:nth-child(213) {
animation: orbit213 1s infinite;
animation-delay: 2.13s;
fill: #ff7900;
}
@keyframes orbit213 {
10% {
transform: rotateZ(-22deg) rotateY(189deg) translateX(100px) rotateZ(22deg);
}
80% {
transform: rotateZ(-22deg) rotateY(189deg) translateX(100px) rotateZ(22deg);
}
100% {
transform: rotateZ(-22deg) rotateY(189deg) translateX(100px) rotateZ(22deg);
}
}
circle:nth-child(214) {
animation: orbit214 1s infinite;
animation-delay: 2.14s;
fill: #ff7900;
}
@keyframes orbit214 {
10% {
transform: rotateZ(-185deg) rotateY(351deg) translateX(100px) rotateZ(185deg);
}
80% {
transform: rotateZ(-185deg) rotateY(351deg) translateX(100px) rotateZ(185deg);
}
100% {
transform: rotateZ(-185deg) rotateY(351deg) translateX(100px) rotateZ(185deg);
}
}
circle:nth-child(215) {
animation: orbit215 1s infinite;
animation-delay: 2.15s;
fill: #ff7a00;
}
@keyframes orbit215 {
10% {
transform: rotateZ(-176deg) rotateY(302deg) translateX(100px) rotateZ(176deg);
}
80% {
transform: rotateZ(-176deg) rotateY(302deg) translateX(100px) rotateZ(176deg);
}
100% {
transform: rotateZ(-176deg) rotateY(302deg) translateX(100px) rotateZ(176deg);
}
}
circle:nth-child(216) {
animation: orbit216 1s infinite;
animation-delay: 2.16s;
fill: #ff7a00;
}
@keyframes orbit216 {
10% {
transform: rotateZ(-213deg) rotateY(275deg) translateX(100px) rotateZ(213deg);
}
80% {
transform: rotateZ(-213deg) rotateY(275deg) translateX(100px) rotateZ(213deg);
}
100% {
transform: rotateZ(-213deg) rotateY(275deg) translateX(100px) rotateZ(213deg);
}
}
circle:nth-child(217) {
animation: orbit217 1s infinite;
animation-delay: 2.17s;
fill: #ff7b00;
}
@keyframes orbit217 {
10% {
transform: rotateZ(-194deg) rotateY(52deg) translateX(100px) rotateZ(194deg);
}
80% {
transform: rotateZ(-194deg) rotateY(52deg) translateX(100px) rotateZ(194deg);
}
100% {
transform: rotateZ(-194deg) rotateY(52deg) translateX(100px) rotateZ(194deg);
}
}
circle:nth-child(218) {
animation: orbit218 1s infinite;
animation-delay: 2.18s;
fill: #ff7c00;
}
@keyframes orbit218 {
10% {
transform: rotateZ(-242deg) rotateY(301deg) translateX(100px) rotateZ(242deg);
}
80% {
transform: rotateZ(-242deg) rotateY(301deg) translateX(100px) rotateZ(242deg);
}
100% {
transform: rotateZ(-242deg) rotateY(301deg) translateX(100px) rotateZ(242deg);
}
}
circle:nth-child(219) {
animation: orbit219 1s infinite;
animation-delay: 2.19s;
fill: #ff7c00;
}
@keyframes orbit219 {
10% {
transform: rotateZ(-118deg) rotateY(34deg) translateX(100px) rotateZ(118deg);
}
80% {
transform: rotateZ(-118deg) rotateY(34deg) translateX(100px) rotateZ(118deg);
}
100% {
transform: rotateZ(-118deg) rotateY(34deg) translateX(100px) rotateZ(118deg);
}
}
circle:nth-child(220) {
animation: orbit220 1s infinite;
animation-delay: 2.2s;
fill: #ff7d00;
}
@keyframes orbit220 {
10% {
transform: rotateZ(-102deg) rotateY(152deg) translateX(100px) rotateZ(102deg);
}
80% {
transform: rotateZ(-102deg) rotateY(152deg) translateX(100px) rotateZ(102deg);
}
100% {
transform: rotateZ(-102deg) rotateY(152deg) translateX(100px) rotateZ(102deg);
}
}
circle:nth-child(221) {
animation: orbit221 1s infinite;
animation-delay: 2.21s;
fill: #ff7d00;
}
@keyframes orbit221 {
10% {
transform: rotateZ(-9deg) rotateY(303deg) translateX(100px) rotateZ(9deg);
}
80% {
transform: rotateZ(-9deg) rotateY(303deg) translateX(100px) rotateZ(9deg);
}
100% {
transform: rotateZ(-9deg) rotateY(303deg) translateX(100px) rotateZ(9deg);
}
}
circle:nth-child(222) {
animation: orbit222 1s infinite;
animation-delay: 2.22s;
fill: #ff7e00;
}
@keyframes orbit222 {
10% {
transform: rotateZ(-233deg) rotateY(355deg) translateX(100px) rotateZ(233deg);
}
80% {
transform: rotateZ(-233deg) rotateY(355deg) translateX(100px) rotateZ(233deg);
}
100% {
transform: rotateZ(-233deg) rotateY(355deg) translateX(100px) rotateZ(233deg);
}
}
circle:nth-child(223) {
animation: orbit223 1s infinite;
animation-delay: 2.23s;
fill: #ff7e00;
}
@keyframes orbit223 {
10% {
transform: rotateZ(-265deg) rotateY(30deg) translateX(100px) rotateZ(265deg);
}
80% {
transform: rotateZ(-265deg) rotateY(30deg) translateX(100px) rotateZ(265deg);
}
100% {
transform: rotateZ(-265deg) rotateY(30deg) translateX(100px) rotateZ(265deg);
}
}
circle:nth-child(224) {
animation: orbit224 1s infinite;
animation-delay: 2.24s;
fill: #ff7f00;
}
@keyframes orbit224 {
10% {
transform: rotateZ(-312deg) rotateY(156deg) translateX(100px) rotateZ(312deg);
}
80% {
transform: rotateZ(-312deg) rotateY(156deg) translateX(100px) rotateZ(312deg);
}
100% {
transform: rotateZ(-312deg) rotateY(156deg) translateX(100px) rotateZ(312deg);
}
}
circle:nth-child(225) {
animation: orbit225 1s infinite;
animation-delay: 2.25s;
fill: #ff8000;
}
@keyframes orbit225 {
10% {
transform: rotateZ(-24deg) rotateY(147deg) translateX(100px) rotateZ(24deg);
}
80% {
transform: rotateZ(-24deg) rotateY(147deg) translateX(100px) rotateZ(24deg);
}
100% {
transform: rotateZ(-24deg) rotateY(147deg) translateX(100px) rotateZ(24deg);
}
}
circle:nth-child(226) {
animation: orbit226 1s infinite;
animation-delay: 2.26s;
fill: #ff8000;
}
@keyframes orbit226 {
10% {
transform: rotateZ(-308deg) rotateY(137deg) translateX(100px) rotateZ(308deg);
}
80% {
transform: rotateZ(-308deg) rotateY(137deg) translateX(100px) rotateZ(308deg);
}
100% {
transform: rotateZ(-308deg) rotateY(137deg) translateX(100px) rotateZ(308deg);
}
}
circle:nth-child(227) {
animation: orbit227 1s infinite;
animation-delay: 2.27s;
fill: #ff8100;
}
@keyframes orbit227 {
10% {
transform: rotateZ(-161deg) rotateY(8deg) translateX(100px) rotateZ(161deg);
}
80% {
transform: rotateZ(-161deg) rotateY(8deg) translateX(100px) rotateZ(161deg);
}
100% {
transform: rotateZ(-161deg) rotateY(8deg) translateX(100px) rotateZ(161deg);
}
}
circle:nth-child(228) {
animation: orbit228 1s infinite;
animation-delay: 2.28s;
fill: #ff8100;
}
@keyframes orbit228 {
10% {
transform: rotateZ(-146deg) rotateY(87deg) translateX(100px) rotateZ(146deg);
}
80% {
transform: rotateZ(-146deg) rotateY(87deg) translateX(100px) rotateZ(146deg);
}
100% {
transform: rotateZ(-146deg) rotateY(87deg) translateX(100px) rotateZ(146deg);
}
}
circle:nth-child(229) {
animation: orbit229 1s infinite;
animation-delay: 2.29s;
fill: #ff8200;
}
@keyframes orbit229 {
10% {
transform: rotateZ(-232deg) rotateY(86deg) translateX(100px) rotateZ(232deg);
}
80% {
transform: rotateZ(-232deg) rotateY(86deg) translateX(100px) rotateZ(232deg);
}
100% {
transform: rotateZ(-232deg) rotateY(86deg) translateX(100px) rotateZ(232deg);
}
}
circle:nth-child(230) {
animation: orbit230 1s infinite;
animation-delay: 2.3s;
fill: #ff8200;
}
@keyframes orbit230 {
10% {
transform: rotateZ(-72deg) rotateY(185deg) translateX(100px) rotateZ(72deg);
}
80% {
transform: rotateZ(-72deg) rotateY(185deg) translateX(100px) rotateZ(72deg);
}
100% {
transform: rotateZ(-72deg) rotateY(185deg) translateX(100px) rotateZ(72deg);
}
}
circle:nth-child(231) {
animation: orbit231 1s infinite;
animation-delay: 2.31s;
fill: #ff8300;
}
@keyframes orbit231 {
10% {
transform: rotateZ(-303deg) rotateY(63deg) translateX(100px) rotateZ(303deg);
}
80% {
transform: rotateZ(-303deg) rotateY(63deg) translateX(100px) rotateZ(303deg);
}
100% {
transform: rotateZ(-303deg) rotateY(63deg) translateX(100px) rotateZ(303deg);
}
}
circle:nth-child(232) {
animation: orbit232 1s infinite;
animation-delay: 2.32s;
fill: #ff8300;
}
@keyframes orbit232 {
10% {
transform: rotateZ(-292deg) rotateY(27deg) translateX(100px) rotateZ(292deg);
}
80% {
transform: rotateZ(-292deg) rotateY(27deg) translateX(100px) rotateZ(292deg);
}
100% {
transform: rotateZ(-292deg) rotateY(27deg) translateX(100px) rotateZ(292deg);
}
}
circle:nth-child(233) {
animation: orbit233 1s infinite;
animation-delay: 2.33s;
fill: #ff8400;
}
@keyframes orbit233 {
10% {
transform: rotateZ(-64deg) rotateY(147deg) translateX(100px) rotateZ(64deg);
}
80% {
transform: rotateZ(-64deg) rotateY(147deg) translateX(100px) rotateZ(64deg);
}
100% {
transform: rotateZ(-64deg) rotateY(147deg) translateX(100px) rotateZ(64deg);
}
}
circle:nth-child(234) {
animation: orbit234 1s infinite;
animation-delay: 2.34s;
fill: #ff8500;
}
@keyframes orbit234 {
10% {
transform: rotateZ(-221deg) rotateY(338deg) translateX(100px) rotateZ(221deg);
}
80% {
transform: rotateZ(-221deg) rotateY(338deg) translateX(100px) rotateZ(221deg);
}
100% {
transform: rotateZ(-221deg) rotateY(338deg) translateX(100px) rotateZ(221deg);
}
}
circle:nth-child(235) {
animation: orbit235 1s infinite;
animation-delay: 2.35s;
fill: #ff8500;
}
@keyframes orbit235 {
10% {
transform: rotateZ(-207deg) rotateY(59deg) translateX(100px) rotateZ(207deg);
}
80% {
transform: rotateZ(-207deg) rotateY(59deg) translateX(100px) rotateZ(207deg);
}
100% {
transform: rotateZ(-207deg) rotateY(59deg) translateX(100px) rotateZ(207deg);
}
}
circle:nth-child(236) {
animation: orbit236 1s infinite;
animation-delay: 2.36s;
fill: #ff8600;
}
@keyframes orbit236 {
10% {
transform: rotateZ(-23deg) rotateY(249deg) translateX(100px) rotateZ(23deg);
}
80% {
transform: rotateZ(-23deg) rotateY(249deg) translateX(100px) rotateZ(23deg);
}
100% {
transform: rotateZ(-23deg) rotateY(249deg) translateX(100px) rotateZ(23deg);
}
}
circle:nth-child(237) {
animation: orbit237 1s infinite;
animation-delay: 2.37s;
fill: #ff8600;
}
@keyframes orbit237 {
10% {
transform: rotateZ(-350deg) rotateY(313deg) translateX(100px) rotateZ(350deg);
}
80% {
transform: rotateZ(-350deg) rotateY(313deg) translateX(100px) rotateZ(350deg);
}
100% {
transform: rotateZ(-350deg) rotateY(313deg) translateX(100px) rotateZ(350deg);
}
}
circle:nth-child(238) {
animation: orbit238 1s infinite;
animation-delay: 2.38s;
fill: #ff8700;
}
@keyframes orbit238 {
10% {
transform: rotateZ(-315deg) rotateY(78deg) translateX(100px) rotateZ(315deg);
}
80% {
transform: rotateZ(-315deg) rotateY(78deg) translateX(100px) rotateZ(315deg);
}
100% {
transform: rotateZ(-315deg) rotateY(78deg) translateX(100px) rotateZ(315deg);
}
}
circle:nth-child(239) {
animation: orbit239 1s infinite;
animation-delay: 2.39s;
fill: #ff8700;
}
@keyframes orbit239 {
10% {
transform: rotateZ(-62deg) rotateY(25deg) translateX(100px) rotateZ(62deg);
}
80% {
transform: rotateZ(-62deg) rotateY(25deg) translateX(100px) rotateZ(62deg);
}
100% {
transform: rotateZ(-62deg) rotateY(25deg) translateX(100px) rotateZ(62deg);
}
}
circle:nth-child(240) {
animation: orbit240 1s infinite;
animation-delay: 2.4s;
fill: #ff8800;
}
@keyframes orbit240 {
10% {
transform: rotateZ(-321deg) rotateY(98deg) translateX(100px) rotateZ(321deg);
}
80% {
transform: rotateZ(-321deg) rotateY(98deg) translateX(100px) rotateZ(321deg);
}
100% {
transform: rotateZ(-321deg) rotateY(98deg) translateX(100px) rotateZ(321deg);
}
}
circle:nth-child(241) {
animation: orbit241 1s infinite;
animation-delay: 2.41s;
fill: #ff8900;
}
@keyframes orbit241 {
10% {
transform: rotateZ(-162deg) rotateY(304deg) translateX(100px) rotateZ(162deg);
}
80% {
transform: rotateZ(-162deg) rotateY(304deg) translateX(100px) rotateZ(162deg);
}
100% {
transform: rotateZ(-162deg) rotateY(304deg) translateX(100px) rotateZ(162deg);
}
}
circle:nth-child(242) {
animation: orbit242 1s infinite;
animation-delay: 2.42s;
fill: #ff8900;
}
@keyframes orbit242 {
10% {
transform: rotateZ(-158deg) rotateY(67deg) translateX(100px) rotateZ(158deg);
}
80% {
transform: rotateZ(-158deg) rotateY(67deg) translateX(100px) rotateZ(158deg);
}
100% {
transform: rotateZ(-158deg) rotateY(67deg) translateX(100px) rotateZ(158deg);
}
}
circle:nth-child(243) {
animation: orbit243 1s infinite;
animation-delay: 2.43s;
fill: #ff8a00;
}
@keyframes orbit243 {
10% {
transform: rotateZ(-102deg) rotateY(97deg) translateX(100px) rotateZ(102deg);
}
80% {
transform: rotateZ(-102deg) rotateY(97deg) translateX(100px) rotateZ(102deg);
}
100% {
transform: rotateZ(-102deg) rotateY(97deg) translateX(100px) rotateZ(102deg);
}
}
circle:nth-child(244) {
animation: orbit244 1s infinite;
animation-delay: 2.44s;
fill: #ff8a00;
}
@keyframes orbit244 {
10% {
transform: rotateZ(-44deg) rotateY(60deg) translateX(100px) rotateZ(44deg);
}
80% {
transform: rotateZ(-44deg) rotateY(60deg) translateX(100px) rotateZ(44deg);
}
100% {
transform: rotateZ(-44deg) rotateY(60deg) translateX(100px) rotateZ(44deg);
}
}
circle:nth-child(245) {
animation: orbit245 1s infinite;
animation-delay: 2.45s;
fill: #ff8b00;
}
@keyframes orbit245 {
10% {
transform: rotateZ(-26deg) rotateY(97deg) translateX(100px) rotateZ(26deg);
}
80% {
transform: rotateZ(-26deg) rotateY(97deg) translateX(100px) rotateZ(26deg);
}
100% {
transform: rotateZ(-26deg) rotateY(97deg) translateX(100px) rotateZ(26deg);
}
}
circle:nth-child(246) {
animation: orbit246 1s infinite;
animation-delay: 2.46s;
fill: #ff8b00;
}
@keyframes orbit246 {
10% {
transform: rotateZ(-306deg) rotateY(165deg) translateX(100px) rotateZ(306deg);
}
80% {
transform: rotateZ(-306deg) rotateY(165deg) translateX(100px) rotateZ(306deg);
}
100% {
transform: rotateZ(-306deg) rotateY(165deg) translateX(100px) rotateZ(306deg);
}
}
circle:nth-child(247) {
animation: orbit247 1s infinite;
animation-delay: 2.47s;
fill: darkorange;
}
@keyframes orbit247 {
10% {
transform: rotateZ(-242deg) rotateY(48deg) translateX(100px) rotateZ(242deg);
}
80% {
transform: rotateZ(-242deg) rotateY(48deg) translateX(100px) rotateZ(242deg);
}
100% {
transform: rotateZ(-242deg) rotateY(48deg) translateX(100px) rotateZ(242deg);
}
}
circle:nth-child(248) {
animation: orbit248 1s infinite;
animation-delay: 2.48s;
fill: #ff8d00;
}
@keyframes orbit248 {
10% {
transform: rotateZ(-332deg) rotateY(305deg) translateX(100px) rotateZ(332deg);
}
80% {
transform: rotateZ(-332deg) rotateY(305deg) translateX(100px) rotateZ(332deg);
}
100% {
transform: rotateZ(-332deg) rotateY(305deg) translateX(100px) rotateZ(332deg);
}
}
circle:nth-child(249) {
animation: orbit249 1s infinite;
animation-delay: 2.49s;
fill: #ff8d00;
}
@keyframes orbit249 {
10% {
transform: rotateZ(-116deg) rotateY(18deg) translateX(100px) rotateZ(116deg);
}
80% {
transform: rotateZ(-116deg) rotateY(18deg) translateX(100px) rotateZ(116deg);
}
100% {
transform: rotateZ(-116deg) rotateY(18deg) translateX(100px) rotateZ(116deg);
}
}
circle:nth-child(250) {
animation: orbit250 1s infinite;
animation-delay: 2.5s;
fill: #ff8e00;
}
@keyframes orbit250 {
10% {
transform: rotateZ(-197deg) rotateY(61deg) translateX(100px) rotateZ(197deg);
}
80% {
transform: rotateZ(-197deg) rotateY(61deg) translateX(100px) rotateZ(197deg);
}
100% {
transform: rotateZ(-197deg) rotateY(61deg) translateX(100px) rotateZ(197deg);
}
}
circle:nth-child(251) {
animation: orbit251 1s infinite;
animation-delay: 2.51s;
fill: #ff8e00;
}
@keyframes orbit251 {
10% {
transform: rotateZ(-315deg) rotateY(71deg) translateX(100px) rotateZ(315deg);
}
80% {
transform: rotateZ(-315deg) rotateY(71deg) translateX(100px) rotateZ(315deg);
}
100% {
transform: rotateZ(-315deg) rotateY(71deg) translateX(100px) rotateZ(315deg);
}
}
circle:nth-child(252) {
animation: orbit252 1s infinite;
animation-delay: 2.52s;
fill: #ff8f00;
}
@keyframes orbit252 {
10% {
transform: rotateZ(-230deg) rotateY(68deg) translateX(100px) rotateZ(230deg);
}
80% {
transform: rotateZ(-230deg) rotateY(68deg) translateX(100px) rotateZ(230deg);
}
100% {
transform: rotateZ(-230deg) rotateY(68deg) translateX(100px) rotateZ(230deg);
}
}
circle:nth-child(253) {
animation: orbit253 1s infinite;
animation-delay: 2.53s;
fill: #ff8f00;
}
@keyframes orbit253 {
10% {
transform: rotateZ(-223deg) rotateY(312deg) translateX(100px) rotateZ(223deg);
}
80% {
transform: rotateZ(-223deg) rotateY(312deg) translateX(100px) rotateZ(223deg);
}
100% {
transform: rotateZ(-223deg) rotateY(312deg) translateX(100px) rotateZ(223deg);
}
}
circle:nth-child(254) {
animation: orbit254 1s infinite;
animation-delay: 2.54s;
fill: #ff9000;
}
@keyframes orbit254 {
10% {
transform: rotateZ(-32deg) rotateY(212deg) translateX(100px) rotateZ(32deg);
}
80% {
transform: rotateZ(-32deg) rotateY(212deg) translateX(100px) rotateZ(32deg);
}
100% {
transform: rotateZ(-32deg) rotateY(212deg) translateX(100px) rotateZ(32deg);
}
}
circle:nth-child(255) {
animation: orbit255 1s infinite;
animation-delay: 2.55s;
fill: #ff9100;
}
@keyframes orbit255 {
10% {
transform: rotateZ(-68deg) rotateY(336deg) translateX(100px) rotateZ(68deg);
}
80% {
transform: rotateZ(-68deg) rotateY(336deg) translateX(100px) rotateZ(68deg);
}
100% {
transform: rotateZ(-68deg) rotateY(336deg) translateX(100px) rotateZ(68deg);
}
}
circle:nth-child(256) {
animation: orbit256 1s infinite;
animation-delay: 2.56s;
fill: #ff9100;
}
@keyframes orbit256 {
10% {
transform: rotateZ(-75deg) rotateY(272deg) translateX(100px) rotateZ(75deg);
}
80% {
transform: rotateZ(-75deg) rotateY(272deg) translateX(100px) rotateZ(75deg);
}
100% {
transform: rotateZ(-75deg) rotateY(272deg) translateX(100px) rotateZ(75deg);
}
}
circle:nth-child(257) {
animation: orbit257 1s infinite;
animation-delay: 2.57s;
fill: #ff9200;
}
@keyframes orbit257 {
10% {
transform: rotateZ(-290deg) rotateY(59deg) translateX(100px) rotateZ(290deg);
}
80% {
transform: rotateZ(-290deg) rotateY(59deg) translateX(100px) rotateZ(290deg);
}
100% {
transform: rotateZ(-290deg) rotateY(59deg) translateX(100px) rotateZ(290deg);
}
}
circle:nth-child(258) {
animation: orbit258 1s infinite;
animation-delay: 2.58s;
fill: #ff9200;
}
@keyframes orbit258 {
10% {
transform: rotateZ(-278deg) rotateY(18deg) translateX(100px) rotateZ(278deg);
}
80% {
transform: rotateZ(-278deg) rotateY(18deg) translateX(100px) rotateZ(278deg);
}
100% {
transform: rotateZ(-278deg) rotateY(18deg) translateX(100px) rotateZ(278deg);
}
}
circle:nth-child(259) {
animation: orbit259 1s infinite;
animation-delay: 2.59s;
fill: #ff9300;
}
@keyframes orbit259 {
10% {
transform: rotateZ(-306deg) rotateY(225deg) translateX(100px) rotateZ(306deg);
}
80% {
transform: rotateZ(-306deg) rotateY(225deg) translateX(100px) rotateZ(306deg);
}
100% {
transform: rotateZ(-306deg) rotateY(225deg) translateX(100px) rotateZ(306deg);
}
}
circle:nth-child(260) {
animation: orbit260 1s infinite;
animation-delay: 2.6s;
fill: #ff9300;
}
@keyframes orbit260 {
10% {
transform: rotateZ(-169deg) rotateY(144deg) translateX(100px) rotateZ(169deg);
}
80% {
transform: rotateZ(-169deg) rotateY(144deg) translateX(100px) rotateZ(169deg);
}
100% {
transform: rotateZ(-169deg) rotateY(144deg) translateX(100px) rotateZ(169deg);
}
}
circle:nth-child(261) {
animation: orbit261 1s infinite;
animation-delay: 2.61s;
fill: #ff9400;
}
@keyframes orbit261 {
10% {
transform: rotateZ(-186deg) rotateY(194deg) translateX(100px) rotateZ(186deg);
}
80% {
transform: rotateZ(-186deg) rotateY(194deg) translateX(100px) rotateZ(186deg);
}
100% {
transform: rotateZ(-186deg) rotateY(194deg) translateX(100px) rotateZ(186deg);
}
}
circle:nth-child(262) {
animation: orbit262 1s infinite;
animation-delay: 2.62s;
fill: #ff9400;
}
@keyframes orbit262 {
10% {
transform: rotateZ(-263deg) rotateY(49deg) translateX(100px) rotateZ(263deg);
}
80% {
transform: rotateZ(-263deg) rotateY(49deg) translateX(100px) rotateZ(263deg);
}
100% {
transform: rotateZ(-263deg) rotateY(49deg) translateX(100px) rotateZ(263deg);
}
}
circle:nth-child(263) {
animation: orbit263 1s infinite;
animation-delay: 2.63s;
fill: #ff9500;
}
@keyframes orbit263 {
10% {
transform: rotateZ(-316deg) rotateY(157deg) translateX(100px) rotateZ(316deg);
}
80% {
transform: rotateZ(-316deg) rotateY(157deg) translateX(100px) rotateZ(316deg);
}
100% {
transform: rotateZ(-316deg) rotateY(157deg) translateX(100px) rotateZ(316deg);
}
}
circle:nth-child(264) {
animation: orbit264 1s infinite;
animation-delay: 2.64s;
fill: #ff9600;
}
@keyframes orbit264 {
10% {
transform: rotateZ(-8deg) rotateY(100deg) translateX(100px) rotateZ(8deg);
}
80% {
transform: rotateZ(-8deg) rotateY(100deg) translateX(100px) rotateZ(8deg);
}
100% {
transform: rotateZ(-8deg) rotateY(100deg) translateX(100px) rotateZ(8deg);
}
}
circle:nth-child(265) {
animation: orbit265 1s infinite;
animation-delay: 2.65s;
fill: #ff9600;
}
@keyframes orbit265 {
10% {
transform: rotateZ(-69deg) rotateY(142deg) translateX(100px) rotateZ(69deg);
}
80% {
transform: rotateZ(-69deg) rotateY(142deg) translateX(100px) rotateZ(69deg);
}
100% {
transform: rotateZ(-69deg) rotateY(142deg) translateX(100px) rotateZ(69deg);
}
}
circle:nth-child(266) {
animation: orbit266 1s infinite;
animation-delay: 2.66s;
fill: #ff9700;
}
@keyframes orbit266 {
10% {
transform: rotateZ(-355deg) rotateY(295deg) translateX(100px) rotateZ(355deg);
}
80% {
transform: rotateZ(-355deg) rotateY(295deg) translateX(100px) rotateZ(355deg);
}
100% {
transform: rotateZ(-355deg) rotateY(295deg) translateX(100px) rotateZ(355deg);
}
}
circle:nth-child(267) {
animation: orbit267 1s infinite;
animation-delay: 2.67s;
fill: #ff9700;
}
@keyframes orbit267 {
10% {
transform: rotateZ(-236deg) rotateY(259deg) translateX(100px) rotateZ(236deg);
}
80% {
transform: rotateZ(-236deg) rotateY(259deg) translateX(100px) rotateZ(236deg);
}
100% {
transform: rotateZ(-236deg) rotateY(259deg) translateX(100px) rotateZ(236deg);
}
}
circle:nth-child(268) {
animation: orbit268 1s infinite;
animation-delay: 2.68s;
fill: #ff9800;
}
@keyframes orbit268 {
10% {
transform: rotateZ(-278deg) rotateY(204deg) translateX(100px) rotateZ(278deg);
}
80% {
transform: rotateZ(-278deg) rotateY(204deg) translateX(100px) rotateZ(278deg);
}
100% {
transform: rotateZ(-278deg) rotateY(204deg) translateX(100px) rotateZ(278deg);
}
}
circle:nth-child(269) {
animation: orbit269 1s infinite;
animation-delay: 2.69s;
fill: #ff9800;
}
@keyframes orbit269 {
10% {
transform: rotateZ(-90deg) rotateY(316deg) translateX(100px) rotateZ(90deg);
}
80% {
transform: rotateZ(-90deg) rotateY(316deg) translateX(100px) rotateZ(90deg);
}
100% {
transform: rotateZ(-90deg) rotateY(316deg) translateX(100px) rotateZ(90deg);
}
}
circle:nth-child(270) {
animation: orbit270 1s infinite;
animation-delay: 2.7s;
fill: #ff9900;
}
@keyframes orbit270 {
10% {
transform: rotateZ(-305deg) rotateY(206deg) translateX(100px) rotateZ(305deg);
}
80% {
transform: rotateZ(-305deg) rotateY(206deg) translateX(100px) rotateZ(305deg);
}
100% {
transform: rotateZ(-305deg) rotateY(206deg) translateX(100px) rotateZ(305deg);
}
}
circle:nth-child(271) {
animation: orbit271 1s infinite;
animation-delay: 2.71s;
fill: #ff9a00;
}
@keyframes orbit271 {
10% {
transform: rotateZ(-231deg) rotateY(86deg) translateX(100px) rotateZ(231deg);
}
80% {
transform: rotateZ(-231deg) rotateY(86deg) translateX(100px) rotateZ(231deg);
}
100% {
transform: rotateZ(-231deg) rotateY(86deg) translateX(100px) rotateZ(231deg);
}
}
circle:nth-child(272) {
animation: orbit272 1s infinite;
animation-delay: 2.72s;
fill: #ff9a00;
}
@keyframes orbit272 {
10% {
transform: rotateZ(-210deg) rotateY(73deg) translateX(100px) rotateZ(210deg);
}
80% {
transform: rotateZ(-210deg) rotateY(73deg) translateX(100px) rotateZ(210deg);
}
100% {
transform: rotateZ(-210deg) rotateY(73deg) translateX(100px) rotateZ(210deg);
}
}
circle:nth-child(273) {
animation: orbit273 1s infinite;
animation-delay: 2.73s;
fill: #ff9b00;
}
@keyframes orbit273 {
10% {
transform: rotateZ(-114deg) rotateY(301deg) translateX(100px) rotateZ(114deg);
}
80% {
transform: rotateZ(-114deg) rotateY(301deg) translateX(100px) rotateZ(114deg);
}
100% {
transform: rotateZ(-114deg) rotateY(301deg) translateX(100px) rotateZ(114deg);
}
}
circle:nth-child(274) {
animation: orbit274 1s infinite;
animation-delay: 2.74s;
fill: #ff9b00;
}
@keyframes orbit274 {
10% {
transform: rotateZ(-180deg) rotateY(147deg) translateX(100px) rotateZ(180deg);
}
80% {
transform: rotateZ(-180deg) rotateY(147deg) translateX(100px) rotateZ(180deg);
}
100% {
transform: rotateZ(-180deg) rotateY(147deg) translateX(100px) rotateZ(180deg);
}
}
circle:nth-child(275) {
animation: orbit275 1s infinite;
animation-delay: 2.75s;
fill: #ff9c00;
}
@keyframes orbit275 {
10% {
transform: rotateZ(-253deg) rotateY(68deg) translateX(100px) rotateZ(253deg);
}
80% {
transform: rotateZ(-253deg) rotateY(68deg) translateX(100px) rotateZ(253deg);
}
100% {
transform: rotateZ(-253deg) rotateY(68deg) translateX(100px) rotateZ(253deg);
}
}
circle:nth-child(276) {
animation: orbit276 1s infinite;
animation-delay: 2.76s;
fill: #ff9c00;
}
@keyframes orbit276 {
10% {
transform: rotateZ(-117deg) rotateY(35deg) translateX(100px) rotateZ(117deg);
}
80% {
transform: rotateZ(-117deg) rotateY(35deg) translateX(100px) rotateZ(117deg);
}
100% {
transform: rotateZ(-117deg) rotateY(35deg) translateX(100px) rotateZ(117deg);
}
}
circle:nth-child(277) {
animation: orbit277 1s infinite;
animation-delay: 2.77s;
fill: #ff9d00;
}
@keyframes orbit277 {
10% {
transform: rotateZ(-233deg) rotateY(247deg) translateX(100px) rotateZ(233deg);
}
80% {
transform: rotateZ(-233deg) rotateY(247deg) translateX(100px) rotateZ(233deg);
}
100% {
transform: rotateZ(-233deg) rotateY(247deg) translateX(100px) rotateZ(233deg);
}
}
circle:nth-child(278) {
animation: orbit278 1s infinite;
animation-delay: 2.78s;
fill: #ff9e00;
}
@keyframes orbit278 {
10% {
transform: rotateZ(-336deg) rotateY(137deg) translateX(100px) rotateZ(336deg);
}
80% {
transform: rotateZ(-336deg) rotateY(137deg) translateX(100px) rotateZ(336deg);
}
100% {
transform: rotateZ(-336deg) rotateY(137deg) translateX(100px) rotateZ(336deg);
}
}
circle:nth-child(279) {
animation: orbit279 1s infinite;
animation-delay: 2.79s;
fill: #ff9e00;
}
@keyframes orbit279 {
10% {
transform: rotateZ(-202deg) rotateY(234deg) translateX(100px) rotateZ(202deg);
}
80% {
transform: rotateZ(-202deg) rotateY(234deg) translateX(100px) rotateZ(202deg);
}
100% {
transform: rotateZ(-202deg) rotateY(234deg) translateX(100px) rotateZ(202deg);
}
}
circle:nth-child(280) {
animation: orbit280 1s infinite;
animation-delay: 2.8s;
fill: #ff9f00;
}
@keyframes orbit280 {
10% {
transform: rotateZ(-243deg) rotateY(151deg) translateX(100px) rotateZ(243deg);
}
80% {
transform: rotateZ(-243deg) rotateY(151deg) translateX(100px) rotateZ(243deg);
}
100% {
transform: rotateZ(-243deg) rotateY(151deg) translateX(100px) rotateZ(243deg);
}
}
circle:nth-child(281) {
animation: orbit281 1s infinite;
animation-delay: 2.81s;
fill: #ff9f00;
}
@keyframes orbit281 {
10% {
transform: rotateZ(-156deg) rotateY(81deg) translateX(100px) rotateZ(156deg);
}
80% {
transform: rotateZ(-156deg) rotateY(81deg) translateX(100px) rotateZ(156deg);
}
100% {
transform: rotateZ(-156deg) rotateY(81deg) translateX(100px) rotateZ(156deg);
}
}
circle:nth-child(282) {
animation: orbit282 1s infinite;
animation-delay: 2.82s;
fill: #ffa000;
}
@keyframes orbit282 {
10% {
transform: rotateZ(-202deg) rotateY(352deg) translateX(100px) rotateZ(202deg);
}
80% {
transform: rotateZ(-202deg) rotateY(352deg) translateX(100px) rotateZ(202deg);
}
100% {
transform: rotateZ(-202deg) rotateY(352deg) translateX(100px) rotateZ(202deg);
}
}
circle:nth-child(283) {
animation: orbit283 1s infinite;
animation-delay: 2.83s;
fill: #ffa000;
}
@keyframes orbit283 {
10% {
transform: rotateZ(-263deg) rotateY(225deg) translateX(100px) rotateZ(263deg);
}
80% {
transform: rotateZ(-263deg) rotateY(225deg) translateX(100px) rotateZ(263deg);
}
100% {
transform: rotateZ(-263deg) rotateY(225deg) translateX(100px) rotateZ(263deg);
}
}
circle:nth-child(284) {
animation: orbit284 1s infinite;
animation-delay: 2.84s;
fill: #ffa100;
}
@keyframes orbit284 {
10% {
transform: rotateZ(-202deg) rotateY(235deg) translateX(100px) rotateZ(202deg);
}
80% {
transform: rotateZ(-202deg) rotateY(235deg) translateX(100px) rotateZ(202deg);
}
100% {
transform: rotateZ(-202deg) rotateY(235deg) translateX(100px) rotateZ(202deg);
}
}
circle:nth-child(285) {
animation: orbit285 1s infinite;
animation-delay: 2.85s;
fill: #ffa200;
}
@keyframes orbit285 {
10% {
transform: rotateZ(-213deg) rotateY(316deg) translateX(100px) rotateZ(213deg);
}
80% {
transform: rotateZ(-213deg) rotateY(316deg) translateX(100px) rotateZ(213deg);
}
100% {
transform: rotateZ(-213deg) rotateY(316deg) translateX(100px) rotateZ(213deg);
}
}
circle:nth-child(286) {
animation: orbit286 1s infinite;
animation-delay: 2.86s;
fill: #ffa200;
}
@keyframes orbit286 {
10% {
transform: rotateZ(-283deg) rotateY(246deg) translateX(100px) rotateZ(283deg);
}
80% {
transform: rotateZ(-283deg) rotateY(246deg) translateX(100px) rotateZ(283deg);
}
100% {
transform: rotateZ(-283deg) rotateY(246deg) translateX(100px) rotateZ(283deg);
}
}
circle:nth-child(287) {
animation: orbit287 1s infinite;
animation-delay: 2.87s;
fill: #ffa300;
}
@keyframes orbit287 {
10% {
transform: rotateZ(-325deg) rotateY(290deg) translateX(100px) rotateZ(325deg);
}
80% {
transform: rotateZ(-325deg) rotateY(290deg) translateX(100px) rotateZ(325deg);
}
100% {
transform: rotateZ(-325deg) rotateY(290deg) translateX(100px) rotateZ(325deg);
}
}
circle:nth-child(288) {
animation: orbit288 1s infinite;
animation-delay: 2.88s;
fill: #ffa300;
}
@keyframes orbit288 {
10% {
transform: rotateZ(-141deg) rotateY(195deg) translateX(100px) rotateZ(141deg);
}
80% {
transform: rotateZ(-141deg) rotateY(195deg) translateX(100px) rotateZ(141deg);
}
100% {
transform: rotateZ(-141deg) rotateY(195deg) translateX(100px) rotateZ(141deg);
}
}
circle:nth-child(289) {
animation: orbit289 1s infinite;
animation-delay: 2.89s;
fill: #ffa400;
}
@keyframes orbit289 {
10% {
transform: rotateZ(-126deg) rotateY(54deg) translateX(100px) rotateZ(126deg);
}
80% {
transform: rotateZ(-126deg) rotateY(54deg) translateX(100px) rotateZ(126deg);
}
100% {
transform: rotateZ(-126deg) rotateY(54deg) translateX(100px) rotateZ(126deg);
}
}
circle:nth-child(290) {
animation: orbit290 1s infinite;
animation-delay: 2.9s;
fill: #ffa400;
}
@keyframes orbit290 {
10% {
transform: rotateZ(-209deg) rotateY(49deg) translateX(100px) rotateZ(209deg);
}
80% {
transform: rotateZ(-209deg) rotateY(49deg) translateX(100px) rotateZ(209deg);
}
100% {
transform: rotateZ(-209deg) rotateY(49deg) translateX(100px) rotateZ(209deg);
}
}
circle:nth-child(291) {
animation: orbit291 1s infinite;
animation-delay: 2.91s;
fill: orange;
}
@keyframes orbit291 {
10% {
transform: rotateZ(-151deg) rotateY(285deg) translateX(100px) rotateZ(151deg);
}
80% {
transform: rotateZ(-151deg) rotateY(285deg) translateX(100px) rotateZ(151deg);
}
100% {
transform: rotateZ(-151deg) rotateY(285deg) translateX(100px) rotateZ(151deg);
}
}
circle:nth-child(292) {
animation: orbit292 1s infinite;
animation-delay: 2.92s;
fill: orange;
}
@keyframes orbit292 {
10% {
transform: rotateZ(-318deg) rotateY(129deg) translateX(100px) rotateZ(318deg);
}
80% {
transform: rotateZ(-318deg) rotateY(129deg) translateX(100px) rotateZ(318deg);
}
100% {
transform: rotateZ(-318deg) rotateY(129deg) translateX(100px) rotateZ(318deg);
}
}
circle:nth-child(293) {
animation: orbit293 1s infinite;
animation-delay: 2.93s;
fill: #ffa600;
}
@keyframes orbit293 {
10% {
transform: rotateZ(-168deg) rotateY(287deg) translateX(100px) rotateZ(168deg);
}
80% {
transform: rotateZ(-168deg) rotateY(287deg) translateX(100px) rotateZ(168deg);
}
100% {
transform: rotateZ(-168deg) rotateY(287deg) translateX(100px) rotateZ(168deg);
}
}
circle:nth-child(294) {
animation: orbit294 1s infinite;
animation-delay: 2.94s;
fill: #ffa700;
}
@keyframes orbit294 {
10% {
transform: rotateZ(-270deg) rotateY(191deg) translateX(100px) rotateZ(270deg);
}
80% {
transform: rotateZ(-270deg) rotateY(191deg) translateX(100px) rotateZ(270deg);
}
100% {
transform: rotateZ(-270deg) rotateY(191deg) translateX(100px) rotateZ(270deg);
}
}
circle:nth-child(295) {
animation: orbit295 1s infinite;
animation-delay: 2.95s;
fill: #ffa700;
}
@keyframes orbit295 {
10% {
transform: rotateZ(-301deg) rotateY(347deg) translateX(100px) rotateZ(301deg);
}
80% {
transform: rotateZ(-301deg) rotateY(347deg) translateX(100px) rotateZ(301deg);
}
100% {
transform: rotateZ(-301deg) rotateY(347deg) translateX(100px) rotateZ(301deg);
}
}
circle:nth-child(296) {
animation: orbit296 1s infinite;
animation-delay: 2.96s;
fill: #ffa800;
}
@keyframes orbit296 {
10% {
transform: rotateZ(-163deg) rotateY(155deg) translateX(100px) rotateZ(163deg);
}
80% {
transform: rotateZ(-163deg) rotateY(155deg) translateX(100px) rotateZ(163deg);
}
100% {
transform: rotateZ(-163deg) rotateY(155deg) translateX(100px) rotateZ(163deg);
}
}
circle:nth-child(297) {
animation: orbit297 1s infinite;
animation-delay: 2.97s;
fill: #ffa800;
}
@keyframes orbit297 {
10% {
transform: rotateZ(-24deg) rotateY(179deg) translateX(100px) rotateZ(24deg);
}
80% {
transform: rotateZ(-24deg) rotateY(179deg) translateX(100px) rotateZ(24deg);
}
100% {
transform: rotateZ(-24deg) rotateY(179deg) translateX(100px) rotateZ(24deg);
}
}
circle:nth-child(298) {
animation: orbit298 1s infinite;
animation-delay: 2.98s;
fill: #ffa900;
}
@keyframes orbit298 {
10% {
transform: rotateZ(-244deg) rotateY(117deg) translateX(100px) rotateZ(244deg);
}
80% {
transform: rotateZ(-244deg) rotateY(117deg) translateX(100px) rotateZ(244deg);
}
100% {
transform: rotateZ(-244deg) rotateY(117deg) translateX(100px) rotateZ(244deg);
}
}
circle:nth-child(299) {
animation: orbit299 1s infinite;
animation-delay: 2.99s;
fill: #ffa900;
}
@keyframes orbit299 {
10% {
transform: rotateZ(-42deg) rotateY(259deg) translateX(100px) rotateZ(42deg);
}
80% {
transform: rotateZ(-42deg) rotateY(259deg) translateX(100px) rotateZ(42deg);
}
100% {
transform: rotateZ(-42deg) rotateY(259deg) translateX(100px) rotateZ(42deg);
}
}
circle:nth-child(300) {
animation: orbit300 1s infinite;
animation-delay: 3s;
fill: #ffaa00;
}
@keyframes orbit300 {
10% {
transform: rotateZ(-21deg) rotateY(97deg) translateX(100px) rotateZ(21deg);
}
80% {
transform: rotateZ(-21deg) rotateY(97deg) translateX(100px) rotateZ(21deg);
}
100% {
transform: rotateZ(-21deg) rotateY(97deg) translateX(100px) rotateZ(21deg);
}
}
Raw
settings.json
{
"sass": {
"compiler": "dart-sass/1.32.12",
"extensions": {},
"syntax": "SCSS",
"outputStyle": "expanded"
},
"autoprefixer": true
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment