/* Start custom CSS */html, body{
    overflow-x: hidden !important;
}

/* ========================================
   ÓRBITA - SEÇÃO ABORDAGEM
   ======================================== */

@keyframes rosane-orbitar {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

@keyframes rosane-orbitar-inverso {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/* Gira todo o conjunto */
#orbita-anel {
    animation: rosane-orbitar 26s linear infinite;

    transform-origin: 50% 50%;
}


/* Faz os ícones girarem ao contrário,
   mantendo-os sempre em pé */
#orbita-anel > img {
    animation: rosane-orbitar-inverso 26s linear infinite;

    transform-origin: 50% 50%;
}


/* Acessibilidade */
@media (prefers-reduced-motion: reduce) {

    #orbita-anel,
    #orbita-anel > img {
        animation: none;
    }

}/* End custom CSS */