.animate__animated {
    -webkit - animation - duration: 1 s;
    animation - duration: 1 s;
    - webkit - animation - duration: var (--animate - duration);
    animation - duration: var (--animate - duration);
    - webkit - animation - fill - mode: both;
    animation - fill - mode: both
}

@ - webkit - keyframes backInDown {
    0 % {
        -webkit - transform: translateY(-1200 px) scale(.7);
        transform: translateY(-1200 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0 % {
        -webkit - transform: translateY(-1200 px) scale(.7);
        transform: translateY(-1200 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit - animation - name: backInDown;
    animation - name: backInDown
}

@ - webkit - keyframes backInLeft {
    0 % {
        -webkit - transform: translateX(-2000 px) scale(.7);
        transform: translateX(-2000 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0 % {
        -webkit - transform: translateX(-2000 px) scale(.7);
        transform: translateX(-2000 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit - animation - name: backInLeft;
    animation - name: backInLeft
}

@ - webkit - keyframes backInRight {
    0 % {
        -webkit - transform: translateX(2000 px) scale(.7);
        transform: translateX(2000 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0 % {
        -webkit - transform: translateX(2000 px) scale(.7);
        transform: translateX(2000 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit - animation - name: backInRight;
    animation - name: backInRight
}

@ - webkit - keyframes backInUp {
    0 % {
        -webkit - transform: translateY(1200 px) scale(.7);
        transform: translateY(1200 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0 % {
        -webkit - transform: translateY(1200 px) scale(.7);
        transform: translateY(1200 px) scale(.7);
        opacity: .7
    }

    80 % {
        -webkit - transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit - transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit - animation - name: backInUp;
    animation - name: backInUp
}


@ - webkit - keyframes fadeIn {
    0 % {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0 % {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit - animation - name: fadeIn;
    animation - name: fadeIn
}

@ - webkit - keyframes fadeInDown {
    0 % {
        opacity: 0;
        - webkit - transform: translate3d(0, -100 %, 0);
        transform: translate3d(0, -100 %, 0)
    }

    to {
        opacity: 1;
        - webkit - transform: translateZ(0);
        transform: translateZ(0)
    }
}

@ - webkit - keyframes zoomIn {
    0 % {
        opacity: 0;
        - webkit - transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50 % {
        opacity: 1
    }
}

@keyframes zoomIn {
    0 % {
        opacity: 0;
        - webkit - transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50 % {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit - animation - name: zoomIn;
    animation - name: zoomIn
}

@ - webkit - keyframes zoomInDown {
    0 % {
        opacity: 0;
        - webkit - transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000 px, 0);
        - webkit - animation - timing - function: cubic - bezier(.55, .055, .675, .19);
        animation - timing - function: cubic - bezier(.55, .055, .675, .19)
    }

    60 % {
        opacity: 1;
        - webkit - transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60 px, 0);
        - webkit - animation - timing - function: cubic - bezier(.175, .885, .32, 1);
        animation - timing - function: cubic - bezier(.175, .885, .32, 1)
    }
}