/****Image qui oscille****/

@keyframes moove-shake {
    0%{
        transform:rotateZ(3deg);
    }
    15%{ 
        transform:rotateZ(-3deg);
    }
    30%{
        transform:rotateZ(2deg);
    }
    45%{
        transform:rotateZ(-2deg);
    }
    65%{ 
        transform:rotateZ(1deg);
    }
    80%{
        transform:rotateZ(0deg);
    }
    100%{
        transform:rotateZ(0deg);
    }
}

/**** Balancement de la main principale homepage****/
@keyframes balancement {
0% {
transform:rotate(0deg);
}
50% {
transform:rotate(-5deg);
}
100% {
transform:rotate(0deg);
}
}


/**** CTA INITIER QUI PULSE ****/
@keyframes pulse {
    0%{
    box-shadow:0 0 10px rgba(11, 231, 255, 0.6);
    }
     50%{
    box-shadow:0 0 15px rgba(11, 231, 255, 0.8);
    }
    100%{
    box-shadow:0 0 10px rgba(11, 231, 255, 0.6);
    }
}   

@keyframes pulse-pink {
    0%{
    box-shadow:0 0 10px rgba(213, 0, 255, 0.6);
    }
     50%{
    box-shadow:0 0 15px rgba(213, 0, 255, 0.8);
    }
    100%{
    box-shadow:0 0 10px rgba(213, 0, 255, 0.6);
    }
}   

/**** Effet de glitch du bruit blanc****/
@keyframes glitch-anim-1 {
    0% {
        transform: translate(0);
    }
    10% {
        transform: translateX(2px);
    }
    20% {
        transform: translateX(1px);
    }
    40% {
        transform: translateX(2px);
    }
    60% {
        transform: translate(-1px);
    }
    80%{
        transform: translate(0);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes glitch-anim-2 {
    0% {
        transform: translate(0);
    }
    15% {
        transform: translateX(-2px);
    }
    25% {
        transform: translateX(-1px);
    }
    45% {
        transform: translate(1px);
    }
    75% {
        transform: translate(0);
    }    100% {
        transform: translate(0);
    }
}

/**** Effet de glitch des titres****/
@keyframes glitch-text-1 {
    0% {
        transform: translate(0);
    }
    5% {
        transform: translateX(2px);
    }
    7% {
        transform: translateX(1px);
    }
    10% {
        transform: translateX(4px);
    }
    15% {
        transform: translate(-1px);
    }
    18%{
        transform: translate(0);
    }
    100% {
        transform: translate(0);
    }
}

@keyframes glitch-text-2 {
    0% {
        transform: translate(0);
    }
    5% {
        transform: translateX(-2px);
    }
    8% {
        transform: translateX(-3px);
    }
    12% {
        transform: translate(1px);
    }
    15% {
        transform: translate(0);
    }    100% {
        transform: translate(0);
    }
}

/*Effet blink de la barre de console*/
@keyframes blink {
    0%{
        opacity:1;
    }
     50%{
        opacity:1;
    }
    51%{
        opacity:0;
    }
    100%{
        opacity:0;
    }
    
}