div.orbit {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

div.orbit {
    /* background-color: rgba(0, 0, 0, 0.1); */
}
div.orbit.orbit-1 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -6.8s;
    -moz-animation-delay: -6.8s;
    animation-delay: -6.8s;
    position: absolute;
    top: 28.4%;
    right: 0;
    bottom: 10;
    left: 0;
}
div.orbit.orbit-1:after {
    -webkit-animation-delay: -6.8s;
    -moz-animation-delay: -6.8s;
    animation-delay: -6.8s;
    height: 4px;
    width: 4px;
}
div.orbit.orbit-2 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
    animation-delay: -0.3s;
    position: absolute;
    top: 40.8%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-2:after {
    -webkit-animation-delay: -0.3s;
    -moz-animation-delay: -0.3s;
    animation-delay: -0.3s;
    height: 8px;
    width: 8px;
}
div.orbit.orbit-3 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -2.3s;
    -moz-animation-delay: -2.3s;
    animation-delay: -2.3s;
    position: absolute;
    top: 90.2%;
    right: 0;
    bottom: 1;
    left: 0%;
}
div.orbit.orbit-3:after {
    -webkit-animation-delay: -2.3s;
    -moz-animation-delay: -2.3s;
    animation-delay: -2.3s;
    height: 11px;
    width: 11px;
}
div.orbit.orbit-4 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -3.6s;
    -moz-animation-delay: -3.6s;
    animation-delay: -3.6s;
    position: absolute;
    top: 40.2%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-4:after {
    -webkit-animation-delay: -3.6s;
    -moz-animation-delay: -3.6s;
    animation-delay: -3.6s;
    height: 5px;
    width: 5px;
}

div.orbit.orbit-5 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -3s;
    -moz-animation-delay: -3s;
    animation-delay: -3s;
    position: absolute;
    top: 44.2%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-5:after {
    -webkit-animation-delay: -3s;
    -moz-animation-delay: -3s;
    animation-delay: -3s;
    height: 3px;
    width: 3px;
}

div.orbit.orbit-6 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    animation-delay: -1.2s;
    position: absolute;
    top: 44.2%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-6:after {
    -webkit-animation-delay: -1.2s;
    -moz-animation-delay: -1.2s;
    animation-delay: -1.2s;
    height: 10px;
    width: 10px;
}

div.orbit.orbit-7 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -5.6s;
    -moz-animation-delay: -5.6s;
    animation-delay: -5.6s;
    position: absolute;
    top: 80%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-7:after {
    -webkit-animation-delay: -5.6s;
    -moz-animation-delay: -5.6s;
    animation-delay: -5.6s;
    height: 5px;
    width: 5px;
}
div.orbit.orbit-8 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -5s;
    -moz-animation-delay: -5s;
    animation-delay: -5s;
    position: absolute;
    top: 8%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-8:after {
    -webkit-animation-delay: -5s;
    -moz-animation-delay: -5s;
    animation-delay: -5s;
    height: 6px;
    width: 6px;
}
div.orbit.orbit-9 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -1.9s;
    -moz-animation-delay: -1.9s;
    animation-delay: -1.9s;
    position: absolute;
    top: 14%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-9:after {
    -webkit-animation-delay: -1.9s;
    -moz-animation-delay: -1.9s;
    animation-delay: -1.9s;
    height: 12px;
    width: 12px;
}
div.orbit.orbit-10 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -1.4s;
    -moz-animation-delay: -1.4s;
    animation-delay: -1.4s;
    position: absolute;
    top: 16%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-10:after {
    -webkit-animation-delay: -2.6s;
    -moz-animation-delay: -2.6s;
    animation-delay: -2.6s;
    height: 4px;
    width: 4px;
}
div.orbit.orbit-11 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -2.6s;
    -moz-animation-delay: -2.6s;
    animation-delay: -2.6s;
    position: absolute;
    top: 20%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-11:after {
    -webkit-animation-delay: -2.6s;
    -moz-animation-delay: -2.6s;
    animation-delay: -2.6s;
    height: 9px;
    width: 9px;
}
div.orbit.orbit-12 {
    -webkit-animation: orbit-rotate 10s linear infinite;
    -moz-animation: orbit-rotate 10s linear infinite;
    animation: orbit-rotate 10s linear infinite;
    -webkit-animation-delay: -7.4s;
    -moz-animation-delay: -7.4s;
    animation-delay: -7.4s;
    position: absolute;
    top: 71%;
    right: 0;
    bottom: 1;
    left: 0;
}
div.orbit.orbit-12:after {
    -webkit-animation-delay: -7.4s;
    -moz-animation-delay: -7.4s;
    animation-delay: -7.4s;
    height: 5px;
    width: 5px;
}
div.orbit:after {
    -webkit-animation: planet-rotate 10s linear infinite;
    -moz-animation: planet-rotate 10s linear infinite;
    animation: planet-rotate 10s linear infinite;
    background-color: white;
    border-radius: 50%;
    content: '';
    display: block;
}
@-webkit-keyframes orbit-rotate {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
    }
}
@-moz-keyframes orbit-rotate {
    from {
        -moz-transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(360deg);
    }
}
@keyframes orbit-rotate {
    from {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        -o-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}
@-webkit-keyframes planet-rotate {
    from {
        -webkit-transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
    }
}
@-moz-keyframes planet-rotate {
    from {
        -moz-transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(-360deg);
    }
}
@keyframes planet-rotate {
    from {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        -o-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}