.hu__hu__ {
    animation: hu__hu__ infinite 2s ease-in-out
}

@keyframes hu__hu__ {
    50% {
        transform: translateY(30px)
    }
}


.typing {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid #7E2EA0;
    animation: typing 2s steps(12, end), cursor .7s steps(12, end) infinite;
}

@keyframes typing {
    from {
        width: 0
    }
}

@keyframes cursor {
    50% {
        border-color: transparent
    }
}


.fadeIn {
    animation: leFadeIn 3s forwards;
}

@keyframes leFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.fadeInTop {
    animation: leFadeInTop 1.5s ease-in-out;
}

@keyframes leFadeInTop {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

.fadeInBottom {
    animation: leFadeInBottom 1.5s ease-in-out;
}

@keyframes leFadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1
    }
}


.fadeInLeft {
    animation: leFadeInLeft 2s forwards;
}

@keyframes leFadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-60px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

.fadeInRight {
    animation: leFadeInRight 2s forwards;
}

@keyframes leFadeInRight {
    from {
        opacity: 0;
        transform: translateX(60px);
    }

    to {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}