@charset "utf-8";


@keyframes anim1 {
    0% {
        -webkit-transform: translate(35%, 0) rotate(0);
        transform: translate(35%, 0) rotate(0);
    }

    38% {
        -webkit-transform: translate(35%, 65vh) rotate(0);
        transform: translate(35%, 65vh) rotate(0);
    }

    39% {
        -webkit-transform: translate(35%, 65vh) rotate(-90deg);
        transform: translate(35%, 65vh) rotate(-90deg);
    }

    100% {
        -webkit-transform: translate(130%, 65vh) rotate(-90deg);
        transform: translate(130%, 65vh) rotate(-90deg);
    }
}

@keyframes anim2 {
    0% {
        -webkit-transform: translate(110%, 90vh);
        transform: translate(110%, 90vh);
    }

    100% {
        -webkit-transform: translate(-20%, 90vh);
        transform: translate(-20%, 90vh);
    }
}

@keyframes anim3 {
    0% {
        -webkit-transform: translate(100%, 90vh);
        transform: translate(100%, 90vh);
    }

    100% {
        -webkit-transform: translate(-20%, -40vh);
        transform: translate(-20%, -40vh);
    }
}

@keyframes cargo1 {
    0% {
        -webkit-transform: translate(15%, 30vh);
        transform: translate(15%, 30vh);
    }

    25% {
        -webkit-transform: translate(25%, 60vh);
        transform: translate(25%, 60vh);
    }

    50% {
        -webkit-transform: translate(15%, 80vh);
        transform: translate(15%, 80vh);
    }

    100% {
        -webkit-transform: translate(25%, 100vh);
        transform: translate(25%, 100vh);
    }
}

@keyframes cargo2 {
    0% {
        -webkit-transform: translate(55%, 55vh);
        transform: translate(55%, 55vh);
    }

    25% {
        -webkit-transform: translate(65%, 70vh);
        transform: translate(65%, 70vh);
    }

    50% {
        -webkit-transform: translate(53%, 90vh);
        transform: translate(53%, 90vh);
    }

    75% {
        -webkit-transform: translate(65%, 70vh);
        transform: translate(65%, 70vh);
    }

    100% {
        -webkit-transform: translate(55%, 55vh);
        transform: translate(55%, 55vh);
    }
}

@keyframes cargo3 {
    0% {
        -webkit-transform: translate(90%, 70vh);
        transform: translate(90%, 70vh);
    }

    25% {
        -webkit-transform: translate(80%, 80vh);
        transform: translate(80%, 80vh);

    }

    50% {
        -webkit-transform: translate(90%, 90vh);
        transform: translate(90%, 90vh);

    }

    75% {
        -webkit-transform: translate(80%, 80vh);
        transform: translate(80%, 80vh);
    }

    100% {
        -webkit-transform: translate(90%, 70vh);
        transform: translate(90%, 70vh);
    }
}

@keyframes cloud {
    0% {
        -webkit-transform: translate(53%, 22vh);
        transform: translate(53%, 22vh);
    }

    50% {
        -webkit-transform: translate(55%, 25vh);
        transform: translate(55%, 25vh);
    }

    100% {
        -webkit-transform: translate(53%, 22vh);
        transform: translate(53%, 22vh);
    }
}

@keyframes wave {
    0% {
        -webkit-transform: translate(54%, 86vh);
        transform: translate(54%, 86vh);
    }

    50% {
        -webkit-transform: translate(55%, 88vh);
        transform: translate(55%, 88vh);
    }

    100% {
        -webkit-transform: translate(54%, 86vh);
        transform: translate(54%, 86vh);
    }
}

@media screen and (min-width: 768px) {

    @keyframes anim1 {
        0% {
            -webkit-transform: translate(35%, 0) rotate(0);
            transform: translate(35%, 0) rotate(0);
        }

        38% {
            -webkit-transform: translate(35%, 35vh) rotate(0);
            transform: translate(35%, 35vh) rotate(0);
        }

        39% {
            -webkit-transform: translate(35%, 35vh) rotate(-90deg);
            transform: translate(35%, 35vh) rotate(-90deg);
        }

        100% {
            -webkit-transform: translate(130%, 35vh) rotate(-90deg);
            transform: translate(130%, 35vh) rotate(-90deg);
        }
    }

    @keyframes anim2 {
        0% {
            -webkit-transform: translate(110%, 75vh);
            transform: translate(110%, 75vh);
        }

        100% {
            -webkit-transform: translate(-20%, 75vh);
            transform: translate(-20%, 75vh);
        }
    }

    @keyframes anim3 {
        0% {
            -webkit-transform: translate(100%, 90vh);
            transform: translate(100%, 90vh);
        }

        100% {
            -webkit-transform: translate(30%, -40vh);
            transform: translate(30%, -40vh);
        }
    }

    @keyframes cargo1 {
        0% {
            -webkit-transform: translate(20%, 0vh);
            transform: translate(20%, 0vh);
        }

        25% {
            -webkit-transform: translate(30%, 30vh);
            transform: translate(30%, 30vh);
        }

        50% {
            -webkit-transform: translate(20%, 50vh);
            transform: translate(20%, 50vh);
        }

        100% {
            -webkit-transform: translate(30%, 70vh);
            transform: translate(30%, 70vh);
        }
    }

    @keyframes cargo2 {
        0% {
            -webkit-transform: translate(55%, 25vh);
            transform: translate(55%, 25vh);
        }

        25% {
            -webkit-transform: translate(65%, 40vh);
            transform: translate(65%, 40vh);
        }

        50% {
            -webkit-transform: translate(53%, 60vh);
            transform: translate(53%, 60vh);
        }

        75% {
            -webkit-transform: translate(65%, 40vh);
            transform: translate(65%, 40vh);
        }

        100% {
            -webkit-transform: translate(55%, 25vh);
            transform: translate(55%, 25vh);
        }
    }

    @keyframes cargo3 {
        0% {
            -webkit-transform: translate(90%, 40vh);
            transform: translate(90%, 40vh);
        }

        25% {
            -webkit-transform: translate(80%, 50vh);
            transform: translate(80%, 50vh);

        }

        50% {
            -webkit-transform: translate(90%, 60vh);
            transform: translate(90%, 60vh);

        }

        75% {
            -webkit-transform: translate(80%, 50vh);
            transform: translate(80%, 50vh);
        }

        100% {
            -webkit-transform: translate(90%, 40vh);
            transform: translate(90%, 40vh);
        }
    }
}