.index-header__animation-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-animation: rotate 14s infinite linear;
    animation: rotate 14s infinite linear;
    transform: translateZ(0.01)
}

@-webkit-keyframes rotate {
    100% {
        transform: rotateY(360deg) rotateX(360deg)
    }
}

@keyframes rotate {
    100% {
        transform: rotateY(360deg) rotateX(360deg)
    }
}

.c {
    position: absolute;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    opacity: 0
}

.c:nth-child(1) {
    -webkit-animation: orbit1 14s infinite;
    animation: orbit1 14s infinite;
    -webkit-animation-delay: .01s;
    animation-delay: .01s;
    background-color: #ff0100
}

@-webkit-keyframes orbit1 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(200px) rotateZ(343deg)
    }

    80% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(200px) rotateZ(343deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(600px) rotateZ(343deg)
    }
}

@keyframes orbit1 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(200px) rotateZ(343deg)
    }

    80% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(200px) rotateZ(343deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-343deg) rotateY(170deg) translateX(600px) rotateZ(343deg)
    }
}

.c:nth-child(2) {
    -webkit-animation: orbit2 14s infinite;
    animation: orbit2 14s infinite;
    -webkit-animation-delay: .02s;
    animation-delay: .02s;
    background-color: #ff0300
}

@-webkit-keyframes orbit2 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(200px) rotateZ(201deg)
    }

    80% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(200px) rotateZ(201deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(600px) rotateZ(201deg)
    }
}

@keyframes orbit2 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(200px) rotateZ(201deg)
    }

    80% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(200px) rotateZ(201deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-201deg) rotateY(133deg) translateX(600px) rotateZ(201deg)
    }
}

.c:nth-child(3) {
    -webkit-animation: orbit3 14s infinite;
    animation: orbit3 14s infinite;
    -webkit-animation-delay: .03s;
    animation-delay: .03s;
    background-color: #ff0400
}

@-webkit-keyframes orbit3 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(200px) rotateZ(149deg)
    }

    80% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(200px) rotateZ(149deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(600px) rotateZ(149deg)
    }
}

@keyframes orbit3 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(200px) rotateZ(149deg)
    }

    80% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(200px) rotateZ(149deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-149deg) rotateY(251deg) translateX(600px) rotateZ(149deg)
    }
}

.c:nth-child(4) {
    -webkit-animation: orbit4 14s infinite;
    animation: orbit4 14s infinite;
    -webkit-animation-delay: .04s;
    animation-delay: .04s;
    background-color: #ff0600
}

@-webkit-keyframes orbit4 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(200px) rotateZ(6deg)
    }

    80% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(200px) rotateZ(6deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(600px) rotateZ(6deg)
    }
}

@keyframes orbit4 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(200px) rotateZ(6deg)
    }

    80% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(200px) rotateZ(6deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-6deg) rotateY(109deg) translateX(600px) rotateZ(6deg)
    }
}

.c:nth-child(5) {
    -webkit-animation: orbit5 14s infinite;
    animation: orbit5 14s infinite;
    -webkit-animation-delay: .05s;
    animation-delay: .05s;
    background-color: #ff0700
}

@-webkit-keyframes orbit5 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(200px) rotateZ(64deg)
    }

    80% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(200px) rotateZ(64deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(600px) rotateZ(64deg)
    }
}

@keyframes orbit5 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(200px) rotateZ(64deg)
    }

    80% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(200px) rotateZ(64deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-64deg) rotateY(209deg) translateX(600px) rotateZ(64deg)
    }
}

.c:nth-child(6) {
    -webkit-animation: orbit6 14s infinite;
    animation: orbit6 14s infinite;
    -webkit-animation-delay: .06s;
    animation-delay: .06s;
    background-color: #ff0900
}

@-webkit-keyframes orbit6 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(200px) rotateZ(262deg)
    }

    80% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(200px) rotateZ(262deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(600px) rotateZ(262deg)
    }
}

@keyframes orbit6 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(200px) rotateZ(262deg)
    }

    80% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(200px) rotateZ(262deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-262deg) rotateY(232deg) translateX(600px) rotateZ(262deg)
    }
}

.c:nth-child(7) {
    -webkit-animation: orbit7 14s infinite;
    animation: orbit7 14s infinite;
    -webkit-animation-delay: .07s;
    animation-delay: .07s;
    background-color: #ff0a00
}

@-webkit-keyframes orbit7 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(200px) rotateZ(14deg)
    }

    80% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(200px) rotateZ(14deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(600px) rotateZ(14deg)
    }
}

@keyframes orbit7 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(200px) rotateZ(14deg)
    }

    80% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(200px) rotateZ(14deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-14deg) rotateY(200deg) translateX(600px) rotateZ(14deg)
    }
}

.c:nth-child(8) {
    -webkit-animation: orbit8 14s infinite;
    animation: orbit8 14s infinite;
    -webkit-animation-delay: .08s;
    animation-delay: .08s;
    background-color: #ff0b00
}

@-webkit-keyframes orbit8 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(200px) rotateZ(122deg)
    }

    80% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(200px) rotateZ(122deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(600px) rotateZ(122deg)
    }
}

@keyframes orbit8 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(200px) rotateZ(122deg)
    }

    80% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(200px) rotateZ(122deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-122deg) rotateY(103deg) translateX(600px) rotateZ(122deg)
    }
}

.c:nth-child(9) {
    -webkit-animation: orbit9 14s infinite;
    animation: orbit9 14s infinite;
    -webkit-animation-delay: .09s;
    animation-delay: .09s;
    background-color: #ff0d00
}

@-webkit-keyframes orbit9 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(200px) rotateZ(170deg)
    }

    80% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(200px) rotateZ(170deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(600px) rotateZ(170deg)
    }
}

@keyframes orbit9 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(200px) rotateZ(170deg)
    }

    80% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(200px) rotateZ(170deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-170deg) rotateY(150deg) translateX(600px) rotateZ(170deg)
    }
}

.c:nth-child(10) {
    -webkit-animation: orbit10 14s infinite;
    animation: orbit10 14s infinite;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    background-color: #ff0e00
}

@-webkit-keyframes orbit10 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(200px) rotateZ(81deg)
    }

    80% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(200px) rotateZ(81deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(600px) rotateZ(81deg)
    }
}

@keyframes orbit10 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(200px) rotateZ(81deg)
    }

    80% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(200px) rotateZ(81deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-81deg) rotateY(93deg) translateX(600px) rotateZ(81deg)
    }
}

.c:nth-child(11) {
    -webkit-animation: orbit11 14s infinite;
    animation: orbit11 14s infinite;
    -webkit-animation-delay: .11s;
    animation-delay: .11s;
    background-color: #ff1000
}

@-webkit-keyframes orbit11 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(200px) rotateZ(59deg)
    }

    80% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(200px) rotateZ(59deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(600px) rotateZ(59deg)
    }
}

@keyframes orbit11 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(200px) rotateZ(59deg)
    }

    80% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(200px) rotateZ(59deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-59deg) rotateY(263deg) translateX(600px) rotateZ(59deg)
    }
}

.c:nth-child(12) {
    -webkit-animation: orbit12 14s infinite;
    animation: orbit12 14s infinite;
    -webkit-animation-delay: .12s;
    animation-delay: .12s;
    background-color: #f10
}

@-webkit-keyframes orbit12 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(200px) rotateZ(125deg)
    }

    80% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(200px) rotateZ(125deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(600px) rotateZ(125deg)
    }
}

@keyframes orbit12 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(200px) rotateZ(125deg)
    }

    80% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(200px) rotateZ(125deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-125deg) rotateY(93deg) translateX(600px) rotateZ(125deg)
    }
}

.c:nth-child(13) {
    -webkit-animation: orbit13 14s infinite;
    animation: orbit13 14s infinite;
    -webkit-animation-delay: .13s;
    animation-delay: .13s;
    background-color: #ff1200
}

@-webkit-keyframes orbit13 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(200px) rotateZ(143deg)
    }

    80% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(200px) rotateZ(143deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(600px) rotateZ(143deg)
    }
}

@keyframes orbit13 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(200px) rotateZ(143deg)
    }

    80% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(200px) rotateZ(143deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-143deg) rotateY(352deg) translateX(600px) rotateZ(143deg)
    }
}

.c:nth-child(14) {
    -webkit-animation: orbit14 14s infinite;
    animation: orbit14 14s infinite;
    -webkit-animation-delay: .14s;
    animation-delay: .14s;
    background-color: #ff1400
}

@-webkit-keyframes orbit14 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(200px) rotateZ(17deg)
    }

    80% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(200px) rotateZ(17deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(600px) rotateZ(17deg)
    }
}

@keyframes orbit14 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(200px) rotateZ(17deg)
    }

    80% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(200px) rotateZ(17deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-17deg) rotateY(135deg) translateX(600px) rotateZ(17deg)
    }
}

.c:nth-child(15) {
    -webkit-animation: orbit15 14s infinite;
    animation: orbit15 14s infinite;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
    background-color: #ff1500
}

@-webkit-keyframes orbit15 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(200px) rotateZ(14deg)
    }

    80% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(200px) rotateZ(14deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(600px) rotateZ(14deg)
    }
}

@keyframes orbit15 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(200px) rotateZ(14deg)
    }

    80% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(200px) rotateZ(14deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-14deg) rotateY(49deg) translateX(600px) rotateZ(14deg)
    }
}

.c:nth-child(16) {
    -webkit-animation: orbit16 14s infinite;
    animation: orbit16 14s infinite;
    -webkit-animation-delay: .16s;
    animation-delay: .16s;
    background-color: #ff1700
}

@-webkit-keyframes orbit16 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(200px) rotateZ(211deg)
    }

    80% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(200px) rotateZ(211deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(600px) rotateZ(211deg)
    }
}

@keyframes orbit16 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(200px) rotateZ(211deg)
    }

    80% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(200px) rotateZ(211deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-211deg) rotateY(224deg) translateX(600px) rotateZ(211deg)
    }
}

.c:nth-child(17) {
    -webkit-animation: orbit17 14s infinite;
    animation: orbit17 14s infinite;
    -webkit-animation-delay: .17s;
    animation-delay: .17s;
    background-color: #ff1800
}

@-webkit-keyframes orbit17 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(200px) rotateZ(32deg)
    }

    80% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(200px) rotateZ(32deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(600px) rotateZ(32deg)
    }
}

@keyframes orbit17 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(200px) rotateZ(32deg)
    }

    80% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(200px) rotateZ(32deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-32deg) rotateY(299deg) translateX(600px) rotateZ(32deg)
    }
}

.c:nth-child(18) {
    -webkit-animation: orbit18 14s infinite;
    animation: orbit18 14s infinite;
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
    background-color: #ff1a00
}

@-webkit-keyframes orbit18 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(600px) rotateZ(138deg)
    }
}

@keyframes orbit18 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(180deg) translateX(600px) rotateZ(138deg)
    }
}

.c:nth-child(19) {
    -webkit-animation: orbit19 14s infinite;
    animation: orbit19 14s infinite;
    -webkit-animation-delay: .19s;
    animation-delay: .19s;
    background-color: #ff1b00
}

@-webkit-keyframes orbit19 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(200px) rotateZ(192deg)
    }

    80% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(200px) rotateZ(192deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(600px) rotateZ(192deg)
    }
}

@keyframes orbit19 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(200px) rotateZ(192deg)
    }

    80% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(200px) rotateZ(192deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-192deg) rotateY(146deg) translateX(600px) rotateZ(192deg)
    }
}

.c:nth-child(20) {
    -webkit-animation: orbit20 14s infinite;
    animation: orbit20 14s infinite;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    background-color: #ff1c00
}

@-webkit-keyframes orbit20 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(200px) rotateZ(23deg)
    }

    80% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(200px) rotateZ(23deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(600px) rotateZ(23deg)
    }
}

@keyframes orbit20 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(200px) rotateZ(23deg)
    }

    80% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(200px) rotateZ(23deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-23deg) rotateY(269deg) translateX(600px) rotateZ(23deg)
    }
}

.c:nth-child(21) {
    -webkit-animation: orbit21 14s infinite;
    animation: orbit21 14s infinite;
    -webkit-animation-delay: .21s;
    animation-delay: .21s;
    background-color: #ff1e00
}

@-webkit-keyframes orbit21 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(600px) rotateZ(138deg)
    }
}

@keyframes orbit21 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(294deg) translateX(600px) rotateZ(138deg)
    }
}

.c:nth-child(22) {
    -webkit-animation: orbit22 14s infinite;
    animation: orbit22 14s infinite;
    -webkit-animation-delay: .22s;
    animation-delay: .22s;
    background-color: #ff1f00
}

@-webkit-keyframes orbit22 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(200px) rotateZ(316deg)
    }

    80% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(200px) rotateZ(316deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(600px) rotateZ(316deg)
    }
}

@keyframes orbit22 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(200px) rotateZ(316deg)
    }

    80% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(200px) rotateZ(316deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-316deg) rotateY(148deg) translateX(600px) rotateZ(316deg)
    }
}

.c:nth-child(23) {
    -webkit-animation: orbit23 14s infinite;
    animation: orbit23 14s infinite;
    -webkit-animation-delay: .23s;
    animation-delay: .23s;
    background-color: #ff2100
}

@-webkit-keyframes orbit23 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(200px) rotateZ(307deg)
    }

    80% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(200px) rotateZ(307deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(600px) rotateZ(307deg)
    }
}

@keyframes orbit23 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(200px) rotateZ(307deg)
    }

    80% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(200px) rotateZ(307deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-307deg) rotateY(217deg) translateX(600px) rotateZ(307deg)
    }
}

.c:nth-child(24) {
    -webkit-animation: orbit24 14s infinite;
    animation: orbit24 14s infinite;
    -webkit-animation-delay: .24s;
    animation-delay: .24s;
    background-color: #f20
}

@-webkit-keyframes orbit24 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(200px) rotateZ(330deg)
    }

    80% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(200px) rotateZ(330deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(600px) rotateZ(330deg)
    }
}

@keyframes orbit24 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(200px) rotateZ(330deg)
    }

    80% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(200px) rotateZ(330deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-330deg) rotateY(83deg) translateX(600px) rotateZ(330deg)
    }
}

.c:nth-child(25) {
    -webkit-animation: orbit25 14s infinite;
    animation: orbit25 14s infinite;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    background-color: #ff2300
}

@-webkit-keyframes orbit25 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(200px) rotateZ(136deg)
    }

    80% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(200px) rotateZ(136deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(600px) rotateZ(136deg)
    }
}

@keyframes orbit25 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(200px) rotateZ(136deg)
    }

    80% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(200px) rotateZ(136deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-136deg) rotateY(146deg) translateX(600px) rotateZ(136deg)
    }
}

.c:nth-child(26) {
    -webkit-animation: orbit26 14s infinite;
    animation: orbit26 14s infinite;
    -webkit-animation-delay: .26s;
    animation-delay: .26s;
    background-color: #ff2500
}

@-webkit-keyframes orbit26 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(200px) rotateZ(351deg)
    }

    80% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(200px) rotateZ(351deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(600px) rotateZ(351deg)
    }
}

@keyframes orbit26 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(200px) rotateZ(351deg)
    }

    80% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(200px) rotateZ(351deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-351deg) rotateY(96deg) translateX(600px) rotateZ(351deg)
    }
}

.c:nth-child(27) {
    -webkit-animation: orbit27 14s infinite;
    animation: orbit27 14s infinite;
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
    background-color: #ff2600
}

@-webkit-keyframes orbit27 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(200px) rotateZ(149deg)
    }

    80% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(200px) rotateZ(149deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(600px) rotateZ(149deg)
    }
}

@keyframes orbit27 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(200px) rotateZ(149deg)
    }

    80% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(200px) rotateZ(149deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-149deg) rotateY(188deg) translateX(600px) rotateZ(149deg)
    }
}

.c:nth-child(28) {
    -webkit-animation: orbit28 14s infinite;
    animation: orbit28 14s infinite;
    -webkit-animation-delay: .28s;
    animation-delay: .28s;
    background-color: #ff2800
}

@-webkit-keyframes orbit28 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(200px) rotateZ(42deg)
    }

    80% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(200px) rotateZ(42deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(600px) rotateZ(42deg)
    }
}

@keyframes orbit28 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(200px) rotateZ(42deg)
    }

    80% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(200px) rotateZ(42deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-42deg) rotateY(154deg) translateX(600px) rotateZ(42deg)
    }
}

.c:nth-child(29) {
    -webkit-animation: orbit29 14s infinite;
    animation: orbit29 14s infinite;
    -webkit-animation-delay: .29s;
    animation-delay: .29s;
    background-color: #ff2900
}

@-webkit-keyframes orbit29 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(200px) rotateZ(37deg)
    }

    80% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(200px) rotateZ(37deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(600px) rotateZ(37deg)
    }
}

@keyframes orbit29 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(200px) rotateZ(37deg)
    }

    80% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(200px) rotateZ(37deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-37deg) rotateY(146deg) translateX(600px) rotateZ(37deg)
    }
}

.c:nth-child(30) {
    -webkit-animation: orbit30 14s infinite;
    animation: orbit30 14s infinite;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    background-color: #ff2b00
}

@-webkit-keyframes orbit30 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(200px) rotateZ(55deg)
    }

    80% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(200px) rotateZ(55deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(600px) rotateZ(55deg)
    }
}

@keyframes orbit30 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(200px) rotateZ(55deg)
    }

    80% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(200px) rotateZ(55deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-55deg) rotateY(163deg) translateX(600px) rotateZ(55deg)
    }
}

.c:nth-child(31) {
    -webkit-animation: orbit31 14s infinite;
    animation: orbit31 14s infinite;
    -webkit-animation-delay: .31s;
    animation-delay: .31s;
    background-color: #ff2c00
}

@-webkit-keyframes orbit31 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(200px) rotateZ(10deg)
    }

    80% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(200px) rotateZ(10deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(600px) rotateZ(10deg)
    }
}

@keyframes orbit31 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(200px) rotateZ(10deg)
    }

    80% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(200px) rotateZ(10deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-10deg) rotateY(316deg) translateX(600px) rotateZ(10deg)
    }
}

.c:nth-child(32) {
    -webkit-animation: orbit32 14s infinite;
    animation: orbit32 14s infinite;
    -webkit-animation-delay: .32s;
    animation-delay: .32s;
    background-color: #ff2d00
}

@-webkit-keyframes orbit32 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(200px) rotateZ(116deg)
    }

    80% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(200px) rotateZ(116deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(600px) rotateZ(116deg)
    }
}

@keyframes orbit32 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(200px) rotateZ(116deg)
    }

    80% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(200px) rotateZ(116deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-116deg) rotateY(57deg) translateX(600px) rotateZ(116deg)
    }
}

.c:nth-child(33) {
    -webkit-animation: orbit33 14s infinite;
    animation: orbit33 14s infinite;
    -webkit-animation-delay: .33s;
    animation-delay: .33s;
    background-color: #ff2f00
}

@-webkit-keyframes orbit33 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(200px) rotateZ(269deg)
    }

    80% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(200px) rotateZ(269deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(600px) rotateZ(269deg)
    }
}

@keyframes orbit33 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(200px) rotateZ(269deg)
    }

    80% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(200px) rotateZ(269deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-269deg) rotateY(347deg) translateX(600px) rotateZ(269deg)
    }
}

.c:nth-child(34) {
    -webkit-animation: orbit34 14s infinite;
    animation: orbit34 14s infinite;
    -webkit-animation-delay: .34s;
    animation-delay: .34s;
    background-color: #ff3000
}

@-webkit-keyframes orbit34 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(200px) rotateZ(155deg)
    }

    80% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(200px) rotateZ(155deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(600px) rotateZ(155deg)
    }
}

@keyframes orbit34 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(200px) rotateZ(155deg)
    }

    80% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(200px) rotateZ(155deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-155deg) rotateY(270deg) translateX(600px) rotateZ(155deg)
    }
}

.c:nth-child(35) {
    -webkit-animation: orbit35 14s infinite;
    animation: orbit35 14s infinite;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    background-color: #ff3200
}

@-webkit-keyframes orbit35 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(200px) rotateZ(184deg)
    }

    80% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(200px) rotateZ(184deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(600px) rotateZ(184deg)
    }
}

@keyframes orbit35 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(200px) rotateZ(184deg)
    }

    80% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(200px) rotateZ(184deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-184deg) rotateY(158deg) translateX(600px) rotateZ(184deg)
    }
}

.c:nth-child(36) {
    -webkit-animation: orbit36 14s infinite;
    animation: orbit36 14s infinite;
    -webkit-animation-delay: .36s;
    animation-delay: .36s;
    background-color: #f30
}

@-webkit-keyframes orbit36 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(200px) rotateZ(98deg)
    }

    80% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(200px) rotateZ(98deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(600px) rotateZ(98deg)
    }
}

@keyframes orbit36 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(200px) rotateZ(98deg)
    }

    80% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(200px) rotateZ(98deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-98deg) rotateY(356deg) translateX(600px) rotateZ(98deg)
    }
}

.c:nth-child(37) {
    -webkit-animation: orbit37 14s infinite;
    animation: orbit37 14s infinite;
    -webkit-animation-delay: .37s;
    animation-delay: .37s;
    background-color: #ff3400
}

@-webkit-keyframes orbit37 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(200px) rotateZ(315deg)
    }

    80% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(200px) rotateZ(315deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(600px) rotateZ(315deg)
    }
}

@keyframes orbit37 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(200px) rotateZ(315deg)
    }

    80% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(200px) rotateZ(315deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-315deg) rotateY(142deg) translateX(600px) rotateZ(315deg)
    }
}

.c:nth-child(38) {
    -webkit-animation: orbit38 14s infinite;
    animation: orbit38 14s infinite;
    -webkit-animation-delay: .38s;
    animation-delay: .38s;
    background-color: #ff3600
}

@-webkit-keyframes orbit38 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(200px) rotateZ(162deg)
    }

    80% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(200px) rotateZ(162deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(600px) rotateZ(162deg)
    }
}

@keyframes orbit38 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(200px) rotateZ(162deg)
    }

    80% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(200px) rotateZ(162deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-162deg) rotateY(188deg) translateX(600px) rotateZ(162deg)
    }
}

.c:nth-child(39) {
    -webkit-animation: orbit39 14s infinite;
    animation: orbit39 14s infinite;
    -webkit-animation-delay: .39s;
    animation-delay: .39s;
    background-color: #ff3700
}

@-webkit-keyframes orbit39 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(200px) rotateZ(132deg)
    }

    80% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(200px) rotateZ(132deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(600px) rotateZ(132deg)
    }
}

@keyframes orbit39 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(200px) rotateZ(132deg)
    }

    80% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(200px) rotateZ(132deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-132deg) rotateY(313deg) translateX(600px) rotateZ(132deg)
    }
}

.c:nth-child(40) {
    -webkit-animation: orbit40 14s infinite;
    animation: orbit40 14s infinite;
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    background-color: #ff3900
}

@-webkit-keyframes orbit40 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(200px) rotateZ(335deg)
    }

    80% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(200px) rotateZ(335deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(600px) rotateZ(335deg)
    }
}

@keyframes orbit40 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(200px) rotateZ(335deg)
    }

    80% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(200px) rotateZ(335deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-335deg) rotateY(203deg) translateX(600px) rotateZ(335deg)
    }
}

.c:nth-child(41) {
    -webkit-animation: orbit41 14s infinite;
    animation: orbit41 14s infinite;
    -webkit-animation-delay: .41s;
    animation-delay: .41s;
    background-color: #ff3a00
}

@-webkit-keyframes orbit41 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(200px) rotateZ(83deg)
    }

    80% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(200px) rotateZ(83deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(600px) rotateZ(83deg)
    }
}

@keyframes orbit41 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(200px) rotateZ(83deg)
    }

    80% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(200px) rotateZ(83deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-83deg) rotateY(30deg) translateX(600px) rotateZ(83deg)
    }
}

.c:nth-child(42) {
    -webkit-animation: orbit42 14s infinite;
    animation: orbit42 14s infinite;
    -webkit-animation-delay: .42s;
    animation-delay: .42s;
    background-color: #ff3c00
}

@-webkit-keyframes orbit42 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(200px) rotateZ(40deg)
    }

    80% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(200px) rotateZ(40deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(600px) rotateZ(40deg)
    }
}

@keyframes orbit42 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(200px) rotateZ(40deg)
    }

    80% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(200px) rotateZ(40deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-40deg) rotateY(14deg) translateX(600px) rotateZ(40deg)
    }
}

.c:nth-child(43) {
    -webkit-animation: orbit43 14s infinite;
    animation: orbit43 14s infinite;
    -webkit-animation-delay: .43s;
    animation-delay: .43s;
    background-color: #ff3d00
}

@-webkit-keyframes orbit43 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(200px) rotateZ(297deg)
    }

    80% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(200px) rotateZ(297deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(600px) rotateZ(297deg)
    }
}

@keyframes orbit43 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(200px) rotateZ(297deg)
    }

    80% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(200px) rotateZ(297deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-297deg) rotateY(325deg) translateX(600px) rotateZ(297deg)
    }
}

.c:nth-child(44) {
    -webkit-animation: orbit44 14s infinite;
    animation: orbit44 14s infinite;
    -webkit-animation-delay: .44s;
    animation-delay: .44s;
    background-color: #ff3e00
}

@-webkit-keyframes orbit44 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(200px) rotateZ(245deg)
    }

    80% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(200px) rotateZ(245deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(600px) rotateZ(245deg)
    }
}

@keyframes orbit44 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(200px) rotateZ(245deg)
    }

    80% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(200px) rotateZ(245deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-245deg) rotateY(51deg) translateX(600px) rotateZ(245deg)
    }
}

.c:nth-child(45) {
    -webkit-animation: orbit45 14s infinite;
    animation: orbit45 14s infinite;
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
    background-color: #ff4000
}

@-webkit-keyframes orbit45 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(200px) rotateZ(28deg)
    }

    80% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(200px) rotateZ(28deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(600px) rotateZ(28deg)
    }
}

@keyframes orbit45 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(200px) rotateZ(28deg)
    }

    80% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(200px) rotateZ(28deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-28deg) rotateY(137deg) translateX(600px) rotateZ(28deg)
    }
}

.c:nth-child(46) {
    -webkit-animation: orbit46 14s infinite;
    animation: orbit46 14s infinite;
    -webkit-animation-delay: .46s;
    animation-delay: .46s;
    background-color: #ff4100
}

@-webkit-keyframes orbit46 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(200px) rotateZ(228deg)
    }

    80% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(200px) rotateZ(228deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(600px) rotateZ(228deg)
    }
}

@keyframes orbit46 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(200px) rotateZ(228deg)
    }

    80% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(200px) rotateZ(228deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-228deg) rotateY(35deg) translateX(600px) rotateZ(228deg)
    }
}

.c:nth-child(47) {
    -webkit-animation: orbit47 14s infinite;
    animation: orbit47 14s infinite;
    -webkit-animation-delay: .47s;
    animation-delay: .47s;
    background-color: #ff4300
}

@-webkit-keyframes orbit47 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(200px) rotateZ(126deg)
    }

    80% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(200px) rotateZ(126deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(600px) rotateZ(126deg)
    }
}

@keyframes orbit47 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(200px) rotateZ(126deg)
    }

    80% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(200px) rotateZ(126deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-126deg) rotateY(59deg) translateX(600px) rotateZ(126deg)
    }
}

.c:nth-child(48) {
    -webkit-animation: orbit48 14s infinite;
    animation: orbit48 14s infinite;
    -webkit-animation-delay: .48s;
    animation-delay: .48s;
    background-color: #f40
}

@-webkit-keyframes orbit48 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(200px) rotateZ(130deg)
    }

    80% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(200px) rotateZ(130deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(600px) rotateZ(130deg)
    }
}

@keyframes orbit48 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(200px) rotateZ(130deg)
    }

    80% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(200px) rotateZ(130deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-130deg) rotateY(293deg) translateX(600px) rotateZ(130deg)
    }
}

.c:nth-child(49) {
    -webkit-animation: orbit49 14s infinite;
    animation: orbit49 14s infinite;
    -webkit-animation-delay: .49s;
    animation-delay: .49s;
    background-color: #ff4500
}

@-webkit-keyframes orbit49 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(200px) rotateZ(269deg)
    }

    80% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(200px) rotateZ(269deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(600px) rotateZ(269deg)
    }
}

@keyframes orbit49 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(200px) rotateZ(269deg)
    }

    80% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(200px) rotateZ(269deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-269deg) rotateY(289deg) translateX(600px) rotateZ(269deg)
    }
}

.c:nth-child(50) {
    -webkit-animation: orbit50 14s infinite;
    animation: orbit50 14s infinite;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    background-color: #ff4700
}

@-webkit-keyframes orbit50 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(200px) rotateZ(45deg)
    }

    80% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(200px) rotateZ(45deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(600px) rotateZ(45deg)
    }
}

@keyframes orbit50 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(200px) rotateZ(45deg)
    }

    80% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(200px) rotateZ(45deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-45deg) rotateY(59deg) translateX(600px) rotateZ(45deg)
    }
}

.c:nth-child(51) {
    -webkit-animation: orbit51 14s infinite;
    animation: orbit51 14s infinite;
    -webkit-animation-delay: .51s;
    animation-delay: .51s;
    background-color: #ff4800
}

@-webkit-keyframes orbit51 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(200px) rotateZ(27deg)
    }

    80% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(200px) rotateZ(27deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(600px) rotateZ(27deg)
    }
}

@keyframes orbit51 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(200px) rotateZ(27deg)
    }

    80% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(200px) rotateZ(27deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-27deg) rotateY(295deg) translateX(600px) rotateZ(27deg)
    }
}

.c:nth-child(52) {
    -webkit-animation: orbit52 14s infinite;
    animation: orbit52 14s infinite;
    -webkit-animation-delay: .52s;
    animation-delay: .52s;
    background-color: #ff4a00
}

@-webkit-keyframes orbit52 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(200px) rotateZ(264deg)
    }

    80% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(200px) rotateZ(264deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(600px) rotateZ(264deg)
    }
}

@keyframes orbit52 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(200px) rotateZ(264deg)
    }

    80% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(200px) rotateZ(264deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-264deg) rotateY(139deg) translateX(600px) rotateZ(264deg)
    }
}

.c:nth-child(53) {
    -webkit-animation: orbit53 14s infinite;
    animation: orbit53 14s infinite;
    -webkit-animation-delay: .53s;
    animation-delay: .53s;
    background-color: #ff4b00
}

@-webkit-keyframes orbit53 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(200px) rotateZ(67deg)
    }

    80% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(200px) rotateZ(67deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(600px) rotateZ(67deg)
    }
}

@keyframes orbit53 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(200px) rotateZ(67deg)
    }

    80% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(200px) rotateZ(67deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-67deg) rotateY(143deg) translateX(600px) rotateZ(67deg)
    }
}

.c:nth-child(54) {
    -webkit-animation: orbit54 14s infinite;
    animation: orbit54 14s infinite;
    -webkit-animation-delay: .54s;
    animation-delay: .54s;
    background-color: #ff4d00
}

@-webkit-keyframes orbit54 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(200px) rotateZ(306deg)
    }

    80% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(200px) rotateZ(306deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(600px) rotateZ(306deg)
    }
}

@keyframes orbit54 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(200px) rotateZ(306deg)
    }

    80% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(200px) rotateZ(306deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-306deg) rotateY(208deg) translateX(600px) rotateZ(306deg)
    }
}

.c:nth-child(55) {
    -webkit-animation: orbit55 14s infinite;
    animation: orbit55 14s infinite;
    -webkit-animation-delay: .55s;
    animation-delay: .55s;
    background-color: #ff4e00
}

@-webkit-keyframes orbit55 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(200px) rotateZ(199deg)
    }

    80% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(200px) rotateZ(199deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(600px) rotateZ(199deg)
    }
}

@keyframes orbit55 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(200px) rotateZ(199deg)
    }

    80% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(200px) rotateZ(199deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-199deg) rotateY(313deg) translateX(600px) rotateZ(199deg)
    }
}

.c:nth-child(56) {
    -webkit-animation: orbit56 14s infinite;
    animation: orbit56 14s infinite;
    -webkit-animation-delay: .56s;
    animation-delay: .56s;
    background-color: #ff4f00
}

@-webkit-keyframes orbit56 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(200px) rotateZ(71deg)
    }

    80% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(200px) rotateZ(71deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(600px) rotateZ(71deg)
    }
}

@keyframes orbit56 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(200px) rotateZ(71deg)
    }

    80% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(200px) rotateZ(71deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-71deg) rotateY(290deg) translateX(600px) rotateZ(71deg)
    }
}

.c:nth-child(57) {
    -webkit-animation: orbit57 14s infinite;
    animation: orbit57 14s infinite;
    -webkit-animation-delay: .57s;
    animation-delay: .57s;
    background-color: #ff5100
}

@-webkit-keyframes orbit57 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(200px) rotateZ(345deg)
    }

    80% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(200px) rotateZ(345deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(600px) rotateZ(345deg)
    }
}

@keyframes orbit57 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(200px) rotateZ(345deg)
    }

    80% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(200px) rotateZ(345deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-345deg) rotateY(230deg) translateX(600px) rotateZ(345deg)
    }
}

.c:nth-child(58) {
    -webkit-animation: orbit58 14s infinite;
    animation: orbit58 14s infinite;
    -webkit-animation-delay: .58s;
    animation-delay: .58s;
    background-color: #ff5200
}

@-webkit-keyframes orbit58 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(200px) rotateZ(360deg)
    }

    80% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(200px) rotateZ(360deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(600px) rotateZ(360deg)
    }
}

@keyframes orbit58 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(200px) rotateZ(360deg)
    }

    80% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(200px) rotateZ(360deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-360deg) rotateY(6deg) translateX(600px) rotateZ(360deg)
    }
}

.c:nth-child(59) {
    -webkit-animation: orbit59 14s infinite;
    animation: orbit59 14s infinite;
    -webkit-animation-delay: .59s;
    animation-delay: .59s;
    background-color: #ff5400
}

@-webkit-keyframes orbit59 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(200px) rotateZ(161deg)
    }

    80% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(200px) rotateZ(161deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(600px) rotateZ(161deg)
    }
}

@keyframes orbit59 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(200px) rotateZ(161deg)
    }

    80% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(200px) rotateZ(161deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-161deg) rotateY(50deg) translateX(600px) rotateZ(161deg)
    }
}

.c:nth-child(60) {
    -webkit-animation: orbit60 14s infinite;
    animation: orbit60 14s infinite;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    background-color: #f50
}

@-webkit-keyframes orbit60 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(200px) rotateZ(239deg)
    }

    80% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(200px) rotateZ(239deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(600px) rotateZ(239deg)
    }
}

@keyframes orbit60 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(200px) rotateZ(239deg)
    }

    80% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(200px) rotateZ(239deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-239deg) rotateY(235deg) translateX(600px) rotateZ(239deg)
    }
}

.c:nth-child(61) {
    -webkit-animation: orbit61 14s infinite;
    animation: orbit61 14s infinite;
    -webkit-animation-delay: .61s;
    animation-delay: .61s;
    background-color: #ff5600
}

@-webkit-keyframes orbit61 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(200px) rotateZ(208deg)
    }

    80% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(200px) rotateZ(208deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(600px) rotateZ(208deg)
    }
}

@keyframes orbit61 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(200px) rotateZ(208deg)
    }

    80% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(200px) rotateZ(208deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-208deg) rotateY(82deg) translateX(600px) rotateZ(208deg)
    }
}

.c:nth-child(62) {
    -webkit-animation: orbit62 14s infinite;
    animation: orbit62 14s infinite;
    -webkit-animation-delay: .62s;
    animation-delay: .62s;
    background-color: #ff5800
}

@-webkit-keyframes orbit62 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(200px) rotateZ(4deg)
    }

    80% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(200px) rotateZ(4deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(600px) rotateZ(4deg)
    }
}

@keyframes orbit62 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(200px) rotateZ(4deg)
    }

    80% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(200px) rotateZ(4deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-4deg) rotateY(36deg) translateX(600px) rotateZ(4deg)
    }
}

.c:nth-child(63) {
    -webkit-animation: orbit63 14s infinite;
    animation: orbit63 14s infinite;
    -webkit-animation-delay: .63s;
    animation-delay: .63s;
    background-color: #ff5900
}

@-webkit-keyframes orbit63 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(200px) rotateZ(273deg)
    }

    80% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(200px) rotateZ(273deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(600px) rotateZ(273deg)
    }
}

@keyframes orbit63 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(200px) rotateZ(273deg)
    }

    80% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(200px) rotateZ(273deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-273deg) rotateY(291deg) translateX(600px) rotateZ(273deg)
    }
}

.c:nth-child(64) {
    -webkit-animation: orbit64 14s infinite;
    animation: orbit64 14s infinite;
    -webkit-animation-delay: .64s;
    animation-delay: .64s;
    background-color: #ff5b00
}

@-webkit-keyframes orbit64 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(200px) rotateZ(220deg)
    }

    80% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(200px) rotateZ(220deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(600px) rotateZ(220deg)
    }
}

@keyframes orbit64 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(200px) rotateZ(220deg)
    }

    80% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(200px) rotateZ(220deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-220deg) rotateY(124deg) translateX(600px) rotateZ(220deg)
    }
}

.c:nth-child(65) {
    -webkit-animation: orbit65 14s infinite;
    animation: orbit65 14s infinite;
    -webkit-animation-delay: .65s;
    animation-delay: .65s;
    background-color: #ff5c00
}

@-webkit-keyframes orbit65 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(200px) rotateZ(295deg)
    }

    80% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(200px) rotateZ(295deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(600px) rotateZ(295deg)
    }
}

@keyframes orbit65 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(200px) rotateZ(295deg)
    }

    80% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(200px) rotateZ(295deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-295deg) rotateY(123deg) translateX(600px) rotateZ(295deg)
    }
}

.c:nth-child(66) {
    -webkit-animation: orbit66 14s infinite;
    animation: orbit66 14s infinite;
    -webkit-animation-delay: .66s;
    animation-delay: .66s;
    background-color: #ff5e00
}

@-webkit-keyframes orbit66 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(200px) rotateZ(71deg)
    }

    80% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(200px) rotateZ(71deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(600px) rotateZ(71deg)
    }
}

@keyframes orbit66 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(200px) rotateZ(71deg)
    }

    80% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(200px) rotateZ(71deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-71deg) rotateY(88deg) translateX(600px) rotateZ(71deg)
    }
}

.c:nth-child(67) {
    -webkit-animation: orbit67 14s infinite;
    animation: orbit67 14s infinite;
    -webkit-animation-delay: .67s;
    animation-delay: .67s;
    background-color: #ff5f00
}

@-webkit-keyframes orbit67 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(200px) rotateZ(183deg)
    }

    80% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(200px) rotateZ(183deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(600px) rotateZ(183deg)
    }
}

@keyframes orbit67 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(200px) rotateZ(183deg)
    }

    80% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(200px) rotateZ(183deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-183deg) rotateY(296deg) translateX(600px) rotateZ(183deg)
    }
}

.c:nth-child(68) {
    -webkit-animation: orbit68 14s infinite;
    animation: orbit68 14s infinite;
    -webkit-animation-delay: .68s;
    animation-delay: .68s;
    background-color: #ff6000
}

@-webkit-keyframes orbit68 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(200px) rotateZ(106deg)
    }

    80% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(200px) rotateZ(106deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(600px) rotateZ(106deg)
    }
}

@keyframes orbit68 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(200px) rotateZ(106deg)
    }

    80% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(200px) rotateZ(106deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-106deg) rotateY(200deg) translateX(600px) rotateZ(106deg)
    }
}

.c:nth-child(69) {
    -webkit-animation: orbit69 14s infinite;
    animation: orbit69 14s infinite;
    -webkit-animation-delay: .69s;
    animation-delay: .69s;
    background-color: #ff6200
}

@-webkit-keyframes orbit69 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(200px) rotateZ(204deg)
    }

    80% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(200px) rotateZ(204deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(600px) rotateZ(204deg)
    }
}

@keyframes orbit69 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(200px) rotateZ(204deg)
    }

    80% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(200px) rotateZ(204deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-204deg) rotateY(248deg) translateX(600px) rotateZ(204deg)
    }
}

.c:nth-child(70) {
    -webkit-animation: orbit70 14s infinite;
    animation: orbit70 14s infinite;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    background-color: #ff6300
}

@-webkit-keyframes orbit70 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(200px) rotateZ(274deg)
    }

    80% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(200px) rotateZ(274deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(600px) rotateZ(274deg)
    }
}

@keyframes orbit70 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(200px) rotateZ(274deg)
    }

    80% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(200px) rotateZ(274deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-274deg) rotateY(62deg) translateX(600px) rotateZ(274deg)
    }
}

.c:nth-child(71) {
    -webkit-animation: orbit71 14s infinite;
    animation: orbit71 14s infinite;
    -webkit-animation-delay: .71s;
    animation-delay: .71s;
    background-color: #ff6500
}

@-webkit-keyframes orbit71 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(200px) rotateZ(224deg)
    }

    80% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(200px) rotateZ(224deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(600px) rotateZ(224deg)
    }
}

@keyframes orbit71 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(200px) rotateZ(224deg)
    }

    80% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(200px) rotateZ(224deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-224deg) rotateY(155deg) translateX(600px) rotateZ(224deg)
    }
}

.c:nth-child(72) {
    -webkit-animation: orbit72 14s infinite;
    animation: orbit72 14s infinite;
    -webkit-animation-delay: .72s;
    animation-delay: .72s;
    background-color: #f60
}

@-webkit-keyframes orbit72 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(200px) rotateZ(350deg)
    }

    80% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(200px) rotateZ(350deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(600px) rotateZ(350deg)
    }
}

@keyframes orbit72 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(200px) rotateZ(350deg)
    }

    80% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(200px) rotateZ(350deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-350deg) rotateY(87deg) translateX(600px) rotateZ(350deg)
    }
}

.c:nth-child(73) {
    -webkit-animation: orbit73 14s infinite;
    animation: orbit73 14s infinite;
    -webkit-animation-delay: .73s;
    animation-delay: .73s;
    background-color: #ff6700
}

@-webkit-keyframes orbit73 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(200px) rotateZ(336deg)
    }

    80% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(200px) rotateZ(336deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(600px) rotateZ(336deg)
    }
}

@keyframes orbit73 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(200px) rotateZ(336deg)
    }

    80% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(200px) rotateZ(336deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-336deg) rotateY(24deg) translateX(600px) rotateZ(336deg)
    }
}

.c:nth-child(74) {
    -webkit-animation: orbit74 14s infinite;
    animation: orbit74 14s infinite;
    -webkit-animation-delay: .74s;
    animation-delay: .74s;
    background-color: #ff6900
}

@-webkit-keyframes orbit74 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(200px) rotateZ(94deg)
    }

    80% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(200px) rotateZ(94deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(600px) rotateZ(94deg)
    }
}

@keyframes orbit74 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(200px) rotateZ(94deg)
    }

    80% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(200px) rotateZ(94deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-94deg) rotateY(23deg) translateX(600px) rotateZ(94deg)
    }
}

.c:nth-child(75) {
    -webkit-animation: orbit75 14s infinite;
    animation: orbit75 14s infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    background-color: #ff6a00
}

@-webkit-keyframes orbit75 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(200px) rotateZ(163deg)
    }

    80% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(200px) rotateZ(163deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(600px) rotateZ(163deg)
    }
}

@keyframes orbit75 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(200px) rotateZ(163deg)
    }

    80% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(200px) rotateZ(163deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-163deg) rotateY(250deg) translateX(600px) rotateZ(163deg)
    }
}

.c:nth-child(76) {
    -webkit-animation: orbit76 14s infinite;
    animation: orbit76 14s infinite;
    -webkit-animation-delay: .76s;
    animation-delay: .76s;
    background-color: #ff6c00
}

@-webkit-keyframes orbit76 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(200px) rotateZ(289deg)
    }

    80% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(200px) rotateZ(289deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(600px) rotateZ(289deg)
    }
}

@keyframes orbit76 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(200px) rotateZ(289deg)
    }

    80% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(200px) rotateZ(289deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-289deg) rotateY(257deg) translateX(600px) rotateZ(289deg)
    }
}

.c:nth-child(77) {
    -webkit-animation: orbit77 14s infinite;
    animation: orbit77 14s infinite;
    -webkit-animation-delay: .77s;
    animation-delay: .77s;
    background-color: #ff6d00
}

@-webkit-keyframes orbit77 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(200px) rotateZ(31deg)
    }

    80% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(200px) rotateZ(31deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(600px) rotateZ(31deg)
    }
}

@keyframes orbit77 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(200px) rotateZ(31deg)
    }

    80% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(200px) rotateZ(31deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-31deg) rotateY(359deg) translateX(600px) rotateZ(31deg)
    }
}

.c:nth-child(78) {
    -webkit-animation: orbit78 14s infinite;
    animation: orbit78 14s infinite;
    -webkit-animation-delay: .78s;
    animation-delay: .78s;
    background-color: #ff6f00
}

@-webkit-keyframes orbit78 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(200px) rotateZ(9deg)
    }

    80% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(200px) rotateZ(9deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(600px) rotateZ(9deg)
    }
}

@keyframes orbit78 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(200px) rotateZ(9deg)
    }

    80% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(200px) rotateZ(9deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-9deg) rotateY(9deg) translateX(600px) rotateZ(9deg)
    }
}

.c:nth-child(79) {
    -webkit-animation: orbit79 14s infinite;
    animation: orbit79 14s infinite;
    -webkit-animation-delay: .79s;
    animation-delay: .79s;
    background-color: #ff7000
}

@-webkit-keyframes orbit79 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(200px) rotateZ(350deg)
    }

    80% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(200px) rotateZ(350deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(600px) rotateZ(350deg)
    }
}

@keyframes orbit79 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(200px) rotateZ(350deg)
    }

    80% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(200px) rotateZ(350deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-350deg) rotateY(146deg) translateX(600px) rotateZ(350deg)
    }
}

.c:nth-child(80) {
    -webkit-animation: orbit80 14s infinite;
    animation: orbit80 14s infinite;
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
    background-color: #ff7100
}

@-webkit-keyframes orbit80 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(200px) rotateZ(222deg)
    }

    80% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(200px) rotateZ(222deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(600px) rotateZ(222deg)
    }
}

@keyframes orbit80 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(200px) rotateZ(222deg)
    }

    80% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(200px) rotateZ(222deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-222deg) rotateY(101deg) translateX(600px) rotateZ(222deg)
    }
}

.c:nth-child(81) {
    -webkit-animation: orbit81 14s infinite;
    animation: orbit81 14s infinite;
    -webkit-animation-delay: .81s;
    animation-delay: .81s;
    background-color: #ff7300
}

@-webkit-keyframes orbit81 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(200px) rotateZ(74deg)
    }

    80% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(200px) rotateZ(74deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(600px) rotateZ(74deg)
    }
}

@keyframes orbit81 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(200px) rotateZ(74deg)
    }

    80% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(200px) rotateZ(74deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-74deg) rotateY(211deg) translateX(600px) rotateZ(74deg)
    }
}

.c:nth-child(82) {
    -webkit-animation: orbit82 14s infinite;
    animation: orbit82 14s infinite;
    -webkit-animation-delay: .82s;
    animation-delay: .82s;
    background-color: #ff7400
}

@-webkit-keyframes orbit82 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(200px) rotateZ(117deg)
    }

    80% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(200px) rotateZ(117deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(600px) rotateZ(117deg)
    }
}

@keyframes orbit82 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(200px) rotateZ(117deg)
    }

    80% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(200px) rotateZ(117deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-117deg) rotateY(9deg) translateX(600px) rotateZ(117deg)
    }
}

.c:nth-child(83) {
    -webkit-animation: orbit83 14s infinite;
    animation: orbit83 14s infinite;
    -webkit-animation-delay: .83s;
    animation-delay: .83s;
    background-color: #ff7600
}

@-webkit-keyframes orbit83 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(200px) rotateZ(253deg)
    }

    80% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(200px) rotateZ(253deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(600px) rotateZ(253deg)
    }
}

@keyframes orbit83 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(200px) rotateZ(253deg)
    }

    80% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(200px) rotateZ(253deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-253deg) rotateY(259deg) translateX(600px) rotateZ(253deg)
    }
}

.c:nth-child(84) {
    -webkit-animation: orbit84 14s infinite;
    animation: orbit84 14s infinite;
    -webkit-animation-delay: .84s;
    animation-delay: .84s;
    background-color: #f70
}

@-webkit-keyframes orbit84 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(200px) rotateZ(49deg)
    }

    80% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(200px) rotateZ(49deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(600px) rotateZ(49deg)
    }
}

@keyframes orbit84 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(200px) rotateZ(49deg)
    }

    80% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(200px) rotateZ(49deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-49deg) rotateY(113deg) translateX(600px) rotateZ(49deg)
    }
}

.c:nth-child(85) {
    -webkit-animation: orbit85 14s infinite;
    animation: orbit85 14s infinite;
    -webkit-animation-delay: .85s;
    animation-delay: .85s;
    background-color: #ff7800
}

@-webkit-keyframes orbit85 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(200px) rotateZ(254deg)
    }

    80% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(200px) rotateZ(254deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(600px) rotateZ(254deg)
    }
}

@keyframes orbit85 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(200px) rotateZ(254deg)
    }

    80% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(200px) rotateZ(254deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-254deg) rotateY(270deg) translateX(600px) rotateZ(254deg)
    }
}

.c:nth-child(86) {
    -webkit-animation: orbit86 14s infinite;
    animation: orbit86 14s infinite;
    -webkit-animation-delay: .86s;
    animation-delay: .86s;
    background-color: #ff7a00
}

@-webkit-keyframes orbit86 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(200px) rotateZ(17deg)
    }

    80% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(200px) rotateZ(17deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(600px) rotateZ(17deg)
    }
}

@keyframes orbit86 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(200px) rotateZ(17deg)
    }

    80% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(200px) rotateZ(17deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-17deg) rotateY(122deg) translateX(600px) rotateZ(17deg)
    }
}

.c:nth-child(87) {
    -webkit-animation: orbit87 14s infinite;
    animation: orbit87 14s infinite;
    -webkit-animation-delay: .87s;
    animation-delay: .87s;
    background-color: #ff7b00
}

@-webkit-keyframes orbit87 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(200px) rotateZ(51deg)
    }

    80% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(200px) rotateZ(51deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(600px) rotateZ(51deg)
    }
}

@keyframes orbit87 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(200px) rotateZ(51deg)
    }

    80% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(200px) rotateZ(51deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-51deg) rotateY(19deg) translateX(600px) rotateZ(51deg)
    }
}

.c:nth-child(88) {
    -webkit-animation: orbit88 14s infinite;
    animation: orbit88 14s infinite;
    -webkit-animation-delay: .88s;
    animation-delay: .88s;
    background-color: #ff7d00
}

@-webkit-keyframes orbit88 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(600px) rotateZ(138deg)
    }
}

@keyframes orbit88 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(200px) rotateZ(138deg)
    }

    80% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(200px) rotateZ(138deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-138deg) rotateY(349deg) translateX(600px) rotateZ(138deg)
    }
}

.c:nth-child(89) {
    -webkit-animation: orbit89 14s infinite;
    animation: orbit89 14s infinite;
    -webkit-animation-delay: .89s;
    animation-delay: .89s;
    background-color: #ff7e00
}

@-webkit-keyframes orbit89 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(200px) rotateZ(99deg)
    }

    80% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(200px) rotateZ(99deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(600px) rotateZ(99deg)
    }
}

@keyframes orbit89 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(200px) rotateZ(99deg)
    }

    80% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(200px) rotateZ(99deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-99deg) rotateY(147deg) translateX(600px) rotateZ(99deg)
    }
}

.c:nth-child(90) {
    -webkit-animation: orbit90 14s infinite;
    animation: orbit90 14s infinite;
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    background-color: #ff8000
}

@-webkit-keyframes orbit90 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(200px) rotateZ(132deg)
    }

    80% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(200px) rotateZ(132deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(600px) rotateZ(132deg)
    }
}

@keyframes orbit90 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(200px) rotateZ(132deg)
    }

    80% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(200px) rotateZ(132deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-132deg) rotateY(197deg) translateX(600px) rotateZ(132deg)
    }
}

.c:nth-child(91) {
    -webkit-animation: orbit91 14s infinite;
    animation: orbit91 14s infinite;
    -webkit-animation-delay: .91s;
    animation-delay: .91s;
    background-color: #ff8100
}

@-webkit-keyframes orbit91 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(200px) rotateZ(173deg)
    }

    80% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(200px) rotateZ(173deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(600px) rotateZ(173deg)
    }
}

@keyframes orbit91 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(200px) rotateZ(173deg)
    }

    80% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(200px) rotateZ(173deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-173deg) rotateY(58deg) translateX(600px) rotateZ(173deg)
    }
}

.c:nth-child(92) {
    -webkit-animation: orbit92 14s infinite;
    animation: orbit92 14s infinite;
    -webkit-animation-delay: .92s;
    animation-delay: .92s;
    background-color: #ff8200
}

@-webkit-keyframes orbit92 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(200px) rotateZ(13deg)
    }

    80% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(200px) rotateZ(13deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(600px) rotateZ(13deg)
    }
}

@keyframes orbit92 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(200px) rotateZ(13deg)
    }

    80% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(200px) rotateZ(13deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-13deg) rotateY(169deg) translateX(600px) rotateZ(13deg)
    }
}

.c:nth-child(93) {
    -webkit-animation: orbit93 14s infinite;
    animation: orbit93 14s infinite;
    -webkit-animation-delay: .93s;
    animation-delay: .93s;
    background-color: #ff8400
}

@-webkit-keyframes orbit93 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(200px) rotateZ(141deg)
    }

    80% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(200px) rotateZ(141deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(600px) rotateZ(141deg)
    }
}

@keyframes orbit93 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(200px) rotateZ(141deg)
    }

    80% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(200px) rotateZ(141deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-141deg) rotateY(278deg) translateX(600px) rotateZ(141deg)
    }
}

.c:nth-child(94) {
    -webkit-animation: orbit94 14s infinite;
    animation: orbit94 14s infinite;
    -webkit-animation-delay: .94s;
    animation-delay: .94s;
    background-color: #ff8500
}

@-webkit-keyframes orbit94 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(200px) rotateZ(320deg)
    }

    80% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(200px) rotateZ(320deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(600px) rotateZ(320deg)
    }
}

@keyframes orbit94 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(200px) rotateZ(320deg)
    }

    80% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(200px) rotateZ(320deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-320deg) rotateY(214deg) translateX(600px) rotateZ(320deg)
    }
}

.c:nth-child(95) {
    -webkit-animation: orbit95 14s infinite;
    animation: orbit95 14s infinite;
    -webkit-animation-delay: .95s;
    animation-delay: .95s;
    background-color: #ff8700
}

@-webkit-keyframes orbit95 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(200px) rotateZ(186deg)
    }

    80% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(200px) rotateZ(186deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(600px) rotateZ(186deg)
    }
}

@keyframes orbit95 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(200px) rotateZ(186deg)
    }

    80% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(200px) rotateZ(186deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-186deg) rotateY(293deg) translateX(600px) rotateZ(186deg)
    }
}

.c:nth-child(96) {
    -webkit-animation: orbit96 14s infinite;
    animation: orbit96 14s infinite;
    -webkit-animation-delay: .96s;
    animation-delay: .96s;
    background-color: #f80
}

@-webkit-keyframes orbit96 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(200px) rotateZ(26deg)
    }

    80% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(200px) rotateZ(26deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(600px) rotateZ(26deg)
    }
}

@keyframes orbit96 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(200px) rotateZ(26deg)
    }

    80% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(200px) rotateZ(26deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-26deg) rotateY(55deg) translateX(600px) rotateZ(26deg)
    }
}

.c:nth-child(97) {
    -webkit-animation: orbit97 14s infinite;
    animation: orbit97 14s infinite;
    -webkit-animation-delay: .97s;
    animation-delay: .97s;
    background-color: #ff8900
}

@-webkit-keyframes orbit97 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(200px) rotateZ(25deg)
    }

    80% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(200px) rotateZ(25deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(600px) rotateZ(25deg)
    }
}

@keyframes orbit97 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(200px) rotateZ(25deg)
    }

    80% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(200px) rotateZ(25deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-25deg) rotateY(249deg) translateX(600px) rotateZ(25deg)
    }
}

.c:nth-child(98) {
    -webkit-animation: orbit98 14s infinite;
    animation: orbit98 14s infinite;
    -webkit-animation-delay: .98s;
    animation-delay: .98s;
    background-color: #ff8b00
}

@-webkit-keyframes orbit98 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(200px) rotateZ(122deg)
    }

    80% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(200px) rotateZ(122deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(600px) rotateZ(122deg)
    }
}

@keyframes orbit98 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(200px) rotateZ(122deg)
    }

    80% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(200px) rotateZ(122deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-122deg) rotateY(33deg) translateX(600px) rotateZ(122deg)
    }
}

.c:nth-child(99) {
    -webkit-animation: orbit99 14s infinite;
    animation: orbit99 14s infinite;
    -webkit-animation-delay: .99s;
    animation-delay: .99s;
    background-color: #ff8c00
}

@-webkit-keyframes orbit99 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(200px) rotateZ(95deg)
    }

    80% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(200px) rotateZ(95deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(600px) rotateZ(95deg)
    }
}

@keyframes orbit99 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(200px) rotateZ(95deg)
    }

    80% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(200px) rotateZ(95deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-95deg) rotateY(185deg) translateX(600px) rotateZ(95deg)
    }
}

.c:nth-child(100) {
    -webkit-animation: orbit100 14s infinite;
    animation: orbit100 14s infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    background-color: #ff8e00
}

@-webkit-keyframes orbit100 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(200px) rotateZ(224deg)
    }

    80% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(200px) rotateZ(224deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(600px) rotateZ(224deg)
    }
}

@keyframes orbit100 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(200px) rotateZ(224deg)
    }

    80% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(200px) rotateZ(224deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-224deg) rotateY(80deg) translateX(600px) rotateZ(224deg)
    }
}

.c:nth-child(101) {
    -webkit-animation: orbit101 14s infinite;
    animation: orbit101 14s infinite;
    -webkit-animation-delay: 1.01s;
    animation-delay: 1.01s;
    background-color: #ff8f00
}

@-webkit-keyframes orbit101 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(200px) rotateZ(78deg)
    }

    80% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(200px) rotateZ(78deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(600px) rotateZ(78deg)
    }
}

@keyframes orbit101 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(200px) rotateZ(78deg)
    }

    80% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(200px) rotateZ(78deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-78deg) rotateY(102deg) translateX(600px) rotateZ(78deg)
    }
}

.c:nth-child(102) {
    -webkit-animation: orbit102 14s infinite;
    animation: orbit102 14s infinite;
    -webkit-animation-delay: 1.02s;
    animation-delay: 1.02s;
    background-color: #ff9100
}

@-webkit-keyframes orbit102 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(200px) rotateZ(33deg)
    }

    80% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(200px) rotateZ(33deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(600px) rotateZ(33deg)
    }
}

@keyframes orbit102 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(200px) rotateZ(33deg)
    }

    80% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(200px) rotateZ(33deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-33deg) rotateY(199deg) translateX(600px) rotateZ(33deg)
    }
}

.c:nth-child(103) {
    -webkit-animation: orbit103 14s infinite;
    animation: orbit103 14s infinite;
    -webkit-animation-delay: 1.03s;
    animation-delay: 1.03s;
    background-color: #ff9200
}

@-webkit-keyframes orbit103 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(200px) rotateZ(356deg)
    }

    80% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(200px) rotateZ(356deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(600px) rotateZ(356deg)
    }
}

@keyframes orbit103 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(200px) rotateZ(356deg)
    }

    80% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(200px) rotateZ(356deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-356deg) rotateY(57deg) translateX(600px) rotateZ(356deg)
    }
}

.c:nth-child(104) {
    -webkit-animation: orbit104 14s infinite;
    animation: orbit104 14s infinite;
    -webkit-animation-delay: 1.04s;
    animation-delay: 1.04s;
    background-color: #ff9300
}

@-webkit-keyframes orbit104 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(200px) rotateZ(162deg)
    }

    80% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(200px) rotateZ(162deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(600px) rotateZ(162deg)
    }
}

@keyframes orbit104 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(200px) rotateZ(162deg)
    }

    80% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(200px) rotateZ(162deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-162deg) rotateY(277deg) translateX(600px) rotateZ(162deg)
    }
}

.c:nth-child(105) {
    -webkit-animation: orbit105 14s infinite;
    animation: orbit105 14s infinite;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
    background-color: #ff9500
}

@-webkit-keyframes orbit105 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(200px) rotateZ(150deg)
    }

    80% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(200px) rotateZ(150deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(600px) rotateZ(150deg)
    }
}

@keyframes orbit105 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(200px) rotateZ(150deg)
    }

    80% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(200px) rotateZ(150deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-150deg) rotateY(62deg) translateX(600px) rotateZ(150deg)
    }
}

.c:nth-child(106) {
    -webkit-animation: orbit106 14s infinite;
    animation: orbit106 14s infinite;
    -webkit-animation-delay: 1.06s;
    animation-delay: 1.06s;
    background-color: #ff9600
}

@-webkit-keyframes orbit106 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(200px) rotateZ(145deg)
    }

    80% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(200px) rotateZ(145deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(600px) rotateZ(145deg)
    }
}

@keyframes orbit106 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(200px) rotateZ(145deg)
    }

    80% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(200px) rotateZ(145deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-145deg) rotateY(314deg) translateX(600px) rotateZ(145deg)
    }
}

.c:nth-child(107) {
    -webkit-animation: orbit107 14s infinite;
    animation: orbit107 14s infinite;
    -webkit-animation-delay: 1.07s;
    animation-delay: 1.07s;
    background-color: #ff9800
}

@-webkit-keyframes orbit107 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(200px) rotateZ(282deg)
    }

    80% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(200px) rotateZ(282deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(600px) rotateZ(282deg)
    }
}

@keyframes orbit107 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(200px) rotateZ(282deg)
    }

    80% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(200px) rotateZ(282deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-282deg) rotateY(121deg) translateX(600px) rotateZ(282deg)
    }
}

.c:nth-child(108) {
    -webkit-animation: orbit108 14s infinite;
    animation: orbit108 14s infinite;
    -webkit-animation-delay: 1.08s;
    animation-delay: 1.08s;
    background-color: #f90
}

@-webkit-keyframes orbit108 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(200px) rotateZ(240deg)
    }

    80% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(200px) rotateZ(240deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(600px) rotateZ(240deg)
    }
}

@keyframes orbit108 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(200px) rotateZ(240deg)
    }

    80% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(200px) rotateZ(240deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-240deg) rotateY(140deg) translateX(600px) rotateZ(240deg)
    }
}

.c:nth-child(109) {
    -webkit-animation: orbit109 14s infinite;
    animation: orbit109 14s infinite;
    -webkit-animation-delay: 1.09s;
    animation-delay: 1.09s;
    background-color: #ff9a00
}

@-webkit-keyframes orbit109 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(200px) rotateZ(271deg)
    }

    80% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(200px) rotateZ(271deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(600px) rotateZ(271deg)
    }
}

@keyframes orbit109 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(200px) rotateZ(271deg)
    }

    80% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(200px) rotateZ(271deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-271deg) rotateY(267deg) translateX(600px) rotateZ(271deg)
    }
}

.c:nth-child(110) {
    -webkit-animation: orbit110 14s infinite;
    animation: orbit110 14s infinite;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    background-color: #ff9c00
}

@-webkit-keyframes orbit110 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(200px) rotateZ(272deg)
    }

    80% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(200px) rotateZ(272deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(600px) rotateZ(272deg)
    }
}

@keyframes orbit110 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(200px) rotateZ(272deg)
    }

    80% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(200px) rotateZ(272deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-272deg) rotateY(346deg) translateX(600px) rotateZ(272deg)
    }
}

.c:nth-child(111) {
    -webkit-animation: orbit111 14s infinite;
    animation: orbit111 14s infinite;
    -webkit-animation-delay: 1.11s;
    animation-delay: 1.11s;
    background-color: #ff9d00
}

@-webkit-keyframes orbit111 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(200px) rotateZ(108deg)
    }

    80% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(200px) rotateZ(108deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(600px) rotateZ(108deg)
    }
}

@keyframes orbit111 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(200px) rotateZ(108deg)
    }

    80% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(200px) rotateZ(108deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-108deg) rotateY(350deg) translateX(600px) rotateZ(108deg)
    }
}

.c:nth-child(112) {
    -webkit-animation: orbit112 14s infinite;
    animation: orbit112 14s infinite;
    -webkit-animation-delay: 1.12s;
    animation-delay: 1.12s;
    background-color: #ff9f00
}

@-webkit-keyframes orbit112 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(200px) rotateZ(265deg)
    }

    80% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(200px) rotateZ(265deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(600px) rotateZ(265deg)
    }
}

@keyframes orbit112 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(200px) rotateZ(265deg)
    }

    80% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(200px) rotateZ(265deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-265deg) rotateY(163deg) translateX(600px) rotateZ(265deg)
    }
}

.c:nth-child(113) {
    -webkit-animation: orbit113 14s infinite;
    animation: orbit113 14s infinite;
    -webkit-animation-delay: 1.13s;
    animation-delay: 1.13s;
    background-color: #ffa000
}

@-webkit-keyframes orbit113 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(200px) rotateZ(101deg)
    }

    80% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(200px) rotateZ(101deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(600px) rotateZ(101deg)
    }
}

@keyframes orbit113 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(200px) rotateZ(101deg)
    }

    80% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(200px) rotateZ(101deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-101deg) rotateY(281deg) translateX(600px) rotateZ(101deg)
    }
}

.c:nth-child(114) {
    -webkit-animation: orbit114 14s infinite;
    animation: orbit114 14s infinite;
    -webkit-animation-delay: 1.14s;
    animation-delay: 1.14s;
    background-color: #ffa200
}

@-webkit-keyframes orbit114 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(200px) rotateZ(75deg)
    }

    80% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(200px) rotateZ(75deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(600px) rotateZ(75deg)
    }
}

@keyframes orbit114 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(200px) rotateZ(75deg)
    }

    80% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(200px) rotateZ(75deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-75deg) rotateY(46deg) translateX(600px) rotateZ(75deg)
    }
}

.c:nth-child(115) {
    -webkit-animation: orbit115 14s infinite;
    animation: orbit115 14s infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
    background-color: #ffa300
}

@-webkit-keyframes orbit115 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(200px) rotateZ(114deg)
    }

    80% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(200px) rotateZ(114deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(600px) rotateZ(114deg)
    }
}

@keyframes orbit115 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(200px) rotateZ(114deg)
    }

    80% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(200px) rotateZ(114deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-114deg) rotateY(231deg) translateX(600px) rotateZ(114deg)
    }
}

.c:nth-child(116) {
    -webkit-animation: orbit116 14s infinite;
    animation: orbit116 14s infinite;
    -webkit-animation-delay: 1.16s;
    animation-delay: 1.16s;
    background-color: #ffa400
}

@-webkit-keyframes orbit116 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(200px) rotateZ(190deg)
    }

    80% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(200px) rotateZ(190deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(600px) rotateZ(190deg)
    }
}

@keyframes orbit116 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(200px) rotateZ(190deg)
    }

    80% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(200px) rotateZ(190deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-190deg) rotateY(345deg) translateX(600px) rotateZ(190deg)
    }
}

.c:nth-child(117) {
    -webkit-animation: orbit117 14s infinite;
    animation: orbit117 14s infinite;
    -webkit-animation-delay: 1.17s;
    animation-delay: 1.17s;
    background-color: #ffa600
}

@-webkit-keyframes orbit117 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(200px) rotateZ(235deg)
    }

    80% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(200px) rotateZ(235deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(600px) rotateZ(235deg)
    }
}

@keyframes orbit117 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(200px) rotateZ(235deg)
    }

    80% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(200px) rotateZ(235deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-235deg) rotateY(201deg) translateX(600px) rotateZ(235deg)
    }
}

.c:nth-child(118) {
    -webkit-animation: orbit118 14s infinite;
    animation: orbit118 14s infinite;
    -webkit-animation-delay: 1.18s;
    animation-delay: 1.18s;
    background-color: #ffa700
}

@-webkit-keyframes orbit118 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(200px) rotateZ(266deg)
    }

    80% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(200px) rotateZ(266deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(600px) rotateZ(266deg)
    }
}

@keyframes orbit118 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(200px) rotateZ(266deg)
    }

    80% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(200px) rotateZ(266deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-266deg) rotateY(104deg) translateX(600px) rotateZ(266deg)
    }
}

.c:nth-child(119) {
    -webkit-animation: orbit119 14s infinite;
    animation: orbit119 14s infinite;
    -webkit-animation-delay: 1.19s;
    animation-delay: 1.19s;
    background-color: #ffa900
}

@-webkit-keyframes orbit119 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(200px) rotateZ(283deg)
    }

    80% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(200px) rotateZ(283deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(600px) rotateZ(283deg)
    }
}

@keyframes orbit119 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(200px) rotateZ(283deg)
    }

    80% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(200px) rotateZ(283deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-283deg) rotateY(225deg) translateX(600px) rotateZ(283deg)
    }
}

.c:nth-child(120) {
    -webkit-animation: orbit120 14s infinite;
    animation: orbit120 14s infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
    background-color: #fa0
}

@-webkit-keyframes orbit120 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(200px) rotateZ(276deg)
    }

    80% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(200px) rotateZ(276deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(600px) rotateZ(276deg)
    }
}

@keyframes orbit120 {
    20% {
        opacity: 1
    }

    30% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(200px) rotateZ(276deg)
    }

    80% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(200px) rotateZ(276deg);
        opacity: 1
    }

    100% {
        transform: rotateZ(-276deg) rotateY(128deg) translateX(600px) rotateZ(276deg)
    }
}

.confetti {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    pointer-events: none
}