*{
    margin: 0;
}

/* 
.preface-text p {
  font-size: 2rem;
  font-family: "hershey-noailles-help-me";
  color: #6d7972;
  line-height: 120%;
   text-align: justify;
  text-justify: inter-character;
  margin: 10%;
  max-width: 50ch;
}

.preface-text p a {
color: #0b0bf5;
}


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


#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;
}