@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem);
    }

    80% {
        transform: translateX(2rem);
    }

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

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }

    80% {
        transform: translateX(-2rem);
    }

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

@keyframes moveInDown {
    0% {
        opacity:1;
        transform: translateY(-4rem);
    }

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

@keyframes shadow {
    0% {
        filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 1.0));
    }
    100% {
        filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 1.0));
    }
}