@keyframes animeUpDown1 {
    0% {
        transform: translateY(-20px);
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes animeUpDown2 {
    0% {
        transform: translateY(+10px);
        opacity: .2;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.animeUp {
    opacity: 0;
    animation: animeUp 750ms ease-in-out forwards 500ms;
}

@keyframes animeUp {
    0% {
        transform: translateY(+20px);
        opacity: .2;
    }
    80% {
        transform: translateY(-5px);
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.animeUp2 {
    animation: animeUp2 1000ms ease-in-out forwards 500ms;
}

@keyframes animeUp2 {
    0% {
        transform: translateY(+20px);
        opacity: 0;
    }
    10% {
        transform: translateY(+20px);
        opacity: 0;
    }
    11% {
        transform: translateY(+20px);
        opacity: .2;
    }
    85% {
        transform: translateY(-5px);
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.rotate1 {
    animation: rotate 1000ms ease-in-out forwards;
}

.rotate2 {
    animation: rotate 1300ms ease-in-out forwards;
}

.rotate3 {
    animation: rotate 1600ms ease-in-out forwards;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    5% {
        transform: rotate(-10deg);
    }
    20% {
        transform: rotate(+20deg);
    }
    100% {
        transform: rotate(+15deg);
    }
}

.animeLeft {
    opacity: 0;
    animation: animeLeft 500ms ease-in-out forwards;
    animation-delay: 750ms;
}

@keyframes animeLeft {
    0% {
        transform: translateX(-300px);
        opacity: .2;
    }
    80% {
        transform: translateX(20px);
        opacity: 1;
    }
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

.animeZebulon {
    animation: animeZebulon 1000ms ease-in-out forwards;
}

@keyframes animeZebulon {
    0% {
        transform: translateY(-15px);
        opacity: .2;
    }
    50% {
        transform: translateY(+10px);
        opacity: 1;
    }
    75% {
        transform: translateY(-5px);
        opacity: 1;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

.animeZebulonRotate {
    animation: animeZebulonRotate 2000ms ease-in-out forwards;
}

@keyframes animeZebulonRotate {
    0% {
        transform: translateY(-15px) rotate(0);
        opacity: .2;
    }
    25% {
        transform: translateY(-15px) rotate(720deg);
        opacity: 1;
    }
    50% {
        transform: translateY(+10px) rotate(720deg);
        opacity: 1;
    }
    75% {
        transform: translateY(-5px) rotate(720deg);
        opacity: 1;
    }
    100% {
        transform: translateY(0px) rotate(720deg);
        opacity: 1;
    }
}

.animeClignote {
    animation-duration: .2s;
    animation-name: animeClignote;
    animation-iteration-count: 5;
    transition: none;
}

@keyframes animeClignote {
    0% {
        opacity: 1;
    }
    40% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes animeRotateUrl {
    0% {
        transform: translateX(0);
        border-color: var(--cCtat);
    }
    80% {
        transform: translateX(-10px);
        border-color: var(--cCtat);
    }
    100% {
        transform: translateX(50px);
        border-color: var(--cCtath);
    }
}