/* CLOUD SWEEP */
.cloudSweep {
    animation: cloudSweep 2.5s linear forwards;

}
@keyframes cloudSweep {
    0% {
        right: -218%;
    }
    100% {
        right: 215%;
    }
}


/* HOTSPOT FLIP */
.hotspotFlip {
    animation: hotspotFlip 1s linear forwards;
}
@keyframes hotspotFlip {
    0% {
        transform: rotateY(0);
    }
    50% {
        transform: rotateY(3.142rad);
    }
    100% {
        transform: rotateY(0);
    }
}


/* SLIDE AREAS */
.slideLeft {
    animation: slideLeft 1s forwards;
    transform-origin: bottom right;
}
@keyframes slideLeft {
    0% {
        right: -800px;
    }
    100% {
        right: 40px;
    }
}


/* WELCOME PARALLAX */
@keyframes parallax {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(-50%, 0);
    }
}


/* FLOATING SINGLE CLOUD */
@keyframes floating-cloud {
    0% { top: -70px; }
    50%  { top: -50px; }
    100%   { top: -70px; }    
}