body {
    background-color: #FFE5C4;
}

.titre {
    color:#664D2C;
    font-size: clamp(20px, 5vw, 40px);
}
.box1 {

}
.box2 {

}
  .grid-container {
    display: grid;
    grid-template-columns: auto 1fr; /* Colonne gauche fixe à 100px, droite flexible */
    gap: 1em; /* Espacement entre les colonnes */
    align-items: baseline; /* Alignement vertical des items */
    margin-bottom: 1em; /* Espacement entre les phrases */
  }

  .numero {
    color: #664D2C;
    font-size: clamp(12px, 5vw, 18px);
  }

  .phrase {
    color: #664D2C;
    font-size: clamp(18px, 5vw, 30px);
  }
  #ensemble-title {

  }
  button {
    background-color:#664D2C;
    color: #FFE5C4;
    border: 1px solid #664D2C;
    font-size: clamp(14px, 5vw, 20px);
    width: fit-content;
    padding: 5px;
  }