footer {
    overflow: hidden;
}

[alt="logo onearq"] {
    animation: rotation 12s linear;
    border-radius: 100%;
}

[alt="ONEARQ"] {
    animation: sloganAnimation 9s linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg) scale(0.01);
        background-color: #231f20;
    }

    25% {
        transform: rotate(360deg) scale(0.01);
        background-color: transparent;
    }

    50% {
        transform: rotate(729deg) scale(0.3);

    }

    75% {
        transform: rotate(1080deg) scale(.75);
    }

    to {
        transform: rotate(1440deg) scale(1);
    }
}

@keyframes navBarAnimation {
    from {
        transform: translateY(-70px);
    }

    97% {
        transform: translateY(-70px);
    }


    to {
        transform: translateY(0);
    }
}

@keyframes sloganAnimation {
    from {
        transform: scale(0);
    }

    65% {
        transform: scale(0);
    }

    75% {
        transform: scale(1);
    }
}

@keyframes footerAnimation {
    from {
        transform: translateY(48px);
    }

    80% {
        transform: translateY(48px);
    }

    to {
        transform: translateY(0);
    }
}