/* Animations */
@keyframes animation-down-up {
    0% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(0px, -15px);
    }
}

@keyframes animation-zoom-out {
    0% {
        transform: scale(0);
    }

    75% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes animation-fade-out {
    0% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

/* Animation Class*/

.animate-fade-out {
    animation: animation-fade-out 2s forwards;
}

.animate-zoom-out {
    animation: animation-zoom-out 2s forwards;
}

.animate-down-up {
    animation: animation-down-up 2s infinite alternate ease-in-out;
}