@keyframes animeFloat {

    0%,
    100% {
        transform: translate3d(2%, 0, 0) rotate(-2deg);
    }

    25% {
        transform: translate3d(-12%, 0, 0) rotate(12deg);
    }

    50% {
        transform: translate3d(12%, 0, 0) rotate(-12deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate(4deg);
    }

}

@keyframes animeFloat_top20 {

    0% {
        opacity: 0;
        transform: translate3d(0, -10%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.top20 {
    opacity: 0;
    animation: animeFloat_top20 200ms ease-out 280ms forwards;
}

@keyframes animeFloat_bottom10 {

    0% {
        opacity: 0;
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.bottom10 {
    opacity: 0;
    animation: animeFloat_bottom10 200ms ease-out 280ms forwards;
}

@keyframes slideInFrom_left20 {

    0% {
        opacity: 0;
        transform: translate3d(-20%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.left20 {
    opacity: 0;
    animation: slideInFrom_left20 200ms ease-out 280ms forwards;
}

@keyframes slideInFrom_right20 {

    0% {
        opacity: 0;
        transform: translate3d(20%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.right20 {
    opacity: 0;
    animation: slideInFrom_right20 200ms ease-out 280ms forwards;
}