.ml1 {
    font-weight: 200;
    font-size: 35px;
  }
  
  .ml1 .letter {
    display: inline-block;
    line-height: 1em;
  }
  
  .ml1 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
  }
  
  .ml1 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fff;
    transform-origin: 0 0;
  }
  
  .ml1 .line1 { top: 0; }
  .ml1 .line2 { bottom: 0; }

/* Définir les styles de départ (invisible) */
.fadeInRight {
    opacity: 0;
    transform: translateX(-20px);
    animation: fadeInRightAnimation 1s forwards; /* 1s pour la durée de l'animation */
}

/* Définir les keyframes de l'animation */
@keyframes fadeInRightAnimation {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}