@keyframes shakeY {
    0%, to {
        transform: translateZ(0)
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(0, -10px, 0)
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(0, 10px, 0)
    }
}

@-webkit-keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-100% - var(--gap)));
    }
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-100% - var(--gap)));
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes flipInY {
    0% {
   -webkit-transform:perspective(400px) rotateY(90deg);
   -moz-transform:perspective(400px) rotateY(90deg);
   transform:perspective(400px) rotateY(90deg);
   opacity:0;
   }
    100% {
   -webkit-transform:perspective(400px) rotateY(0deg);
   -moz-transform:perspective(400px) rotateY(0deg);
   transform:perspective(400px) rotateY(0deg);
   opacity:1;
   }
   }
    @-moz-keyframes flipInY {
    0% {
   -webkit-transform:perspective(400px) rotateY(90deg);
   -moz-transform:perspective(400px) rotateY(90deg);
   transform:perspective(400px) rotateY(90deg);
   opacity:0;
   }
    100% {
   -webkit-transform:perspective(400px) rotateY(0deg);
   -moz-transform:perspective(400px) rotateY(0deg);
   transform:perspective(400px) rotateY(0deg);
   opacity:1;
   }
   }
    @keyframes flipInY {
    0% {
   -webkit-transform:perspective(400px) rotateY(90deg);
   -moz-transform:perspective(400px) rotateY(90deg);
   transform:perspective(400px) rotateY(90deg);
   opacity:0;
   }
    100% {
   -webkit-transform:perspective(400px) rotateY(0deg);
   -moz-transform:perspective(400px) rotateY(0deg);
   transform:perspective(400px) rotateY(0deg);
   opacity:1;
   }
   }