@-webkit-keyframes enter-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes enter-opacity {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes leave-opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes leave-opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes mask-play {
    from {
        -webkit-mask-position: 0% 0;
        mask-position: 0% 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@keyframes mask-play {
    from {
        -webkit-mask-position: 0% 0;
        mask-position: 0% 0;
    }
    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@-webkit-keyframes enter-toUp {
    from {
        height: 0px;
        padding: 0px;
    }
    to {
        height: 379px;
        padding: 35px;
    }
}

@keyframes enter-toUp {
    from {
        height: 0px;
        padding: 0px;
    }
    to {
        height: 379px;
        padding: 35px;
    }
}

@-webkit-keyframes leave-toUp {
    from {
        height: 379px;
        padding: 35px;
    }
    to {
        height: 0px;
        padding: 0px;
    }
}

@keyframes leave-toUp {
    from {
        height: 379px;
        padding: 35px;
    }
    to {
        height: 0px;
        padding: 0px;
    }
}

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes raindrop {
    0% {
        transform: translate(-50%, -50%) scaleY(1) scaleX(1);
    }
    25% {
        transform: translate(-50%, -50%) scaleY(0.95) scaleX(1.005);
    }
    75% {
        transform: translate(-50%, -50%) scaleY(1.005) scaleX(0.95);
    }
    100% {
        transform: translate(-50%, -50%) scaleY(1) scaleX(1);
    }
}

@keyframes enter-up-story-10 {
    from {
        top: -100vh;
    }
    to {
        top: 0px;
    }
}

@keyframes leave-up-story-10 {
    from {
        top: 0px;
    }
    to {
        top: -100vh;
    }
}

@keyframes enter-down-story-10 {
    from {
        top: 100vh;
    }
    to {
        top: 0px;
    }
}

@keyframes leave-down-story-10 {
    from {
        top: 0px;
    }
    to {
        top: 100vh;
    }
}

@-webkit-keyframes quake {
    0% {
        -webkit-transform: rotateZ(-3deg);
        z-index: 4;
    }
    50% {
        -webkit-transform: rotateZ( 0deg) scale(.98);
        z-index: 4;
    }
    100% {
        -webkit-transform: rotateZ( 3deg);
        z-index: 4;
    }
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes enter-left {
    from {
        left: 100%;
    }
    to {
        left: 0%;
    }
}

@keyframes leave-left {
    from {
        left: 0%;
    }
    to {
        left: -100%;
    }
}

@keyframes enter-right {
    from {
        left: -100%
    }
    to {
        left: 0%;
    }
}

@keyframes leave-right {
    from {
        left: 0%;
    }
    to {
        left: 100%;
    }
}