/* BAJAR CON REBOTE */


@keyframes abajo {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }
    15% {
        opacity: 1;
        transform: translateY(10px);
    }
    30% {
        transform:translateY(0px);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.bajar_rebote {
    animation-name: abajo;
    animation-duration: 8s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.bajar_rebote2 {
    animation-name: abajo;
    animation-duration: 8s;
    animation-delay: .5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}
.bajar_rebote3 {
    animation-name: abajo;
    animation-duration: 8s;
    animation-delay: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}



@keyframes over {
    0% {
        opacity: 0;
        right: -50px;
    }
    60% {
        opacity: 1;
        right:10px;
    }
    100% {
        opacity: 0;
        right: 0;
    }
}
.mouse {
    animation-name: over;
    animation-duration: 3s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

@keyframes crecer {
    0% {
        opacity: 0;
        transform: scale(.8);
    }

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


.mostrar {
    animation-name: crecer;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.mostrar2 {
    animation-name: crecer;
    animation-delay: 2s;
    animation-duration: 1s;
    animation-fill-mode: both;
}


@keyframes izquierda {
    0% {
        left: -500px;
       opacity: 0;
    }

    100% {
        opacity: 1;
        left: 100px;
    }
}

@keyframes derecha {
    0% {
        right: -100px;
        opacity: 0;
    }

    100% {
        opacity: 1;
        right: 50px;
    }
}
.mover_derecha {
    animation-name: derecha;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: both;
}

.mover_izquierda {
    animation-name: izquierda;
    animation-delay: 1s;
    animation-duration: 2s;
    animation-fill-mode: both;
}