/**author : Thibaut Lemaire
/**date de création : 02/08/2018
/**version : 1.0
**/
body{
    background: #000;
    color: #fff;
}
h2 {
    width: 90%;
    margin-top: 3em;
    font-family: sans-serif;
    font-size: 2em;  /*it's work*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*barre d'entré dans le site avec lien a*/ 
a img {
    width: 10%;
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
img {
    width: 30%;
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    
}
/*mot d'ouverture deux annimations*/
.opening span {
    position: relative;
    opacity: 0;
    animation: animateOpen 8s ease-in-out infinite, flash .1s ease-in-out;
    margin-right: 1em;
}
/*decalage de l'animation*/
.opening span:nth-child(4n) {
    animation-delay: 3s;
}
.opening span:nth-child(4n-1) {
    animation-delay: 2s;
}
.opening span:nth-child(4n-2) {
    animation-delay: 1s;
}
.opening span:nth-child(4n-3) {
    animation-delay: 0s;
}
/*définition d'annimation*/
@keyframes animateOpen {
    from { opacity: 1;}
    to { opacity: 0;}
}
@keyframes flash {
    from { text-shadow: 0 0 32px white;}
    to { text-shadow: 0 0 0 white;}
}
/*code ok vérifier par Thibaut L. 02/08/2018*/