@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

#loading {

    position: absolute;

    width: 100%;
    height: 100%;

    display: flex;
    
    align-items: center;
    justify-content: center;

    background-color: white;

    z-index: 3;

    transition: 2s opacity;

}

#loading > #logo{
    
    font-family: 'Oswald', sans-serif;
    font-size: 90px;
    
    transform-origin: center center;

    animation-duration: 3s;
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

@keyframes spin {

    0% {
        transform: rotateY(0);
    }

    50% {
        transform: rotateY(3.142rad);
    }

    100% {
        transform: rotateY(2*3.142rad);
    }

}