@keyframes flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        text-shadow:
                0 0 4px #fff,
                0 0 11px #fff,
                0 0 19px #fff,
                0 0 40px #3055cd,
                0 0 80px #3055cd,
                0 0 90px #3055cd,
                0 0 100px #3055cd,
                0 0 150px #3055cd;
    }
    20%, 24%, 55% {
        text-shadow:
                0 0 3px #fff,
                0 0 5px #fff,
                0 0 10px #fff,
                0 0 21px #3055cd,
                0 0 42px #3055cd,
                0 0 50px #3055cd,
                0 0 60px #3055cd,
                0 0 75px #3055cd;
    }
}


/* faire tourner sur l'axe Y avec une perspective un élément sur 360deg*/

@keyframes spin-letter {

    0% {
        perspective: 1000px;
        transform-style: preserve-3d;
        transform: rotateY(0deg);
    }
    100% {
        perspective: 1000px;
        transform-style: preserve-3d;
        transform: rotateY(360deg);
    }
}