/* ---------Efectos dos --------------- */
.an2H {
    animation: textoDos .8s ease-in-out;
    transform: translate(0%, 0%);
}

@keyframes textoDos {
    0% {
        transform: translate(0%, 100%);
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: .5;
    }

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





/* -------------Efectos tres--------------- */
.an3H {
    position: relative;
    left: 0%;
    animation: dereQ 1s ease-in-out;
}

.an1H {
    position: relative;
    left: 0%;
    animation: izquQ 1s ease-in-out;
}

@keyframes brillo {
    0% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    }

    50% {
        text-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    }

    100% {
        text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    }
}

@keyframes dereQ {
    0% {
        left: 60%;
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

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

@keyframes izquQ {
    0% {
        left: -60%;
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

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


/* ----------Efectos cuatro------------------ */

.hiddOver {
    overflow-x: hidden;
    overflow-y: hidden;
}

.an4H {
    position: relative;
    left: 0;
    animation: txtCallIz 1s ease-in-out;
}

@keyframes txtCallIz {
    0% {
        position: relative;
        left: 95%;
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        position: relative;
        left: 0%;
        opacity: 1;
    }
}


/* -----------------Efectos cinco----------------- */

.an52 {
    position: relative;
    animation: An52T 1s ease-in-out, An52O 1s ease-in-out;
}

.an5H {
    animation: An5 1s ease-in-out, sparkle 4s ease-in-out;
}

.and51H {
    animation: An51 1s ease-in-out, sparkle 4s ease-in-out;
}

@keyframes An5 {
    0% {
        top: -20%;
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: .5;
        top: 0%;
    }

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

@keyframes An51 {
    0% {
        top: 15%;
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: .5;
        top: 0%;
    }

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

@keyframes An52T {
    0% {
        top: 41%;
    }

    100% {
        top: 0%;
    }
}

@keyframes An52O {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    80% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}



/* --------------Efectos siete--------------- */
.an71H {
    animation: an7 1s ease-in-out, An52O 1s ease-in-out;
}

.an72H {
    animation: an72 1s ease-in-out, An52O 1s ease-in-out;
}

.an73H {
    animation: an7 1s ease-in-out, An52O 1s ease-in-out;
}

.an74H {
    animation: An52O 1s ease-in-out;
}

@keyframes an7 {
    0% {
        top: 100%;
    }

    100% {
        top: 0%;
    }
}

@keyframes an72 {
    0% {
        top: -50%;
    }

    100% {
        top: 0%;
    }
}