.clear {
    font-family: var(--font-titles);
    -webkit-animation: pulse 8s infinite;
}

.clear:hover {
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        opacity: 100;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 100;
    }
}

/* les id des mots qui disparaissent */
#present1 {
    animation-delay: .1s;
}

#avenir1 {
    animation-delay: .2s;
}

#passe1 {
    animation-delay: .3s;
}

#present2 {
    animation-delay: .4s;
}

#avenir2 {
    animation-delay: .5s;
}

#passe2 {
    animation-delay: .6s;
}

#avenir3 {
    animation-delay: .7s;
}

#passe3 {
    animation-delay: .8s;
}

#avenir4 {
    animation-delay: .9s;
}

#present3 {
    animation-delay: 1s;
}

@media screen and (min-width: 1251px) and (max-width: 1400px) {

    /* MAIN TITLE */
    h2 {
        font-size: 4.5em;
        margin-top: 0px;
    }
}