body {
  background-color: #FFE5C4;
}

.title{
  text-align: center;
  font-size: clamp(26px, 5vw, 46px);
  text-decoration: underline;
  color: #664D2C;
}
.grid-container {
    display: grid;
    grid-template-columns: 1fr; /* Colonne gauche fixe à 100px, droite flexible */
    max-width: 3fr;
    align-items: baseline; /* Alignement vertical des items */
    margin-bottom: 3em; /* Espacement entre les phrases */
  }

  .numero {
    width: fit-content;
    font-family: 'Times New Roman', Times, serif;
    /* padding: 5px; */
    margin:0 auto;
    color:#70593B;
    font-size: clamp(12px, 5vw, 26px);
    border-radius: 10px ;
  }

  .phrase {
    border: 1px solid #664D2C;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    width:50%;
    text-align: center;
    padding: 5px;
    color:#70593B;
    font-size: clamp(14px, 5vw, 30px);
    margin: auto;
    border-radius: 10px;
  }