@keyframes navBarAnimation{
    from{
        transform: rotateX(180deg);
        opacity: 0%;
    }
    to{
        transform: rotateX(0deg);
        opacity: 100%;
    }
}
@keyframes sphereAnimation{
    from{
        transform: rotateX(-90deg);
        opacity: 0%;
    }
    to{
        transform: rotate(0deg);
        opacity: 100%;
    }
}
@keyframes quotesAnimation{
    from{
        transform: rotateX(90deg);
        opacity: 0%;
    }
    to{
        transform: rotateX(0deg);
        opacity: 100%;
    }
}
@keyframes sAnimation{
    from{
        transform: rotateX(90deg);
    }
    to{
        transform: rotateX(0deg);
    }
}