#texte {
    color: #687969;
    font-family: "hershey";
    /* text-transform: uppercase; */
    /* letter-spacing: .2em; */
    animation: scale 30s;
}

#cheminvisible {
    stroke-width: .5px;
}

/* #chemin {
    animation: flotte 1s ease-in-out alternate infinite;  
} */

/* @keyframes flotte {
    100% { d: var(--dd); }
} */


@keyframes scale {
    0% {
        font-size: 1.5px;
    }

    60% {
        font-size: 4px;
    }

    0% {
        opacity: 0;
    }

    5% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }

    50%{
        color: black;
    }

    100% {
        color: #687969;
    }
}


@font-face {
    font-family: "hershey";
    src: url(Hershey-Noailles-help-me.woff2);
}


.morceau-un {
    font-size: 4px;
}

.morceau-deux {
    font-size: 5px;
}