@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    80%{
        transform: translateX(30px);
    }

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

@keyframes moveInRight {
    0%{
      opacity: 0;
      transform: translateX(100px);
    }
    70%{
      transform: translateX(-30px);
    }
    100%{
      opacity: 1;
      transform: translate(0);
    }
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
