body {

  background-color: #a7bd40;

  margin: 74px;
}

.titre {

  font-family: "Hedvig Letters Sans", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 37px;

  color: #1d3309;
  font-size: clamp(1rem, -0.6406rem + 5.25vw, 2.3125rem);

}
.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 {

    font-family: "Hedvig Letters Sans", serif;
    font-weight: 600;
    font-style: italic;
    font-size: 18px;

    color: #1d3309;
    font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);

  }

  p{
    
    font-family: "Red Hat Text", serif;
    font-weight: 400;
    font-size: 29px;
    font-size: clamp(1rem, -0.0156rem + 3.25vw, 1.8125rem);
  }

  .phrase {

    background-color: #c7da91;
    padding: 30px;
    border-radius: 20px;
    font-size: 23px;

    font-size: clamp(1rem, 0.4531rem + 1.75vw, 1.4375rem);

  }
 
  button {

    font-family: "Red Hat Text", serif;
    font-weight: 400;
    font-size: 18px;
    color: #c7da91;

    background-color: #1d3309;
    border: none;
    padding: 15px;
    margin-left: 15px;
    border-radius: 20px;
    box-shadow: 10px 10px 20px rgb(70, 107, 36, 0.5);
    font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);

  }

  button:hover{

    font-family: "Red Hat Text", serif;
    font-weight: 400;
    font-size: 18px;
    color: black;
    
    background-color: #5c95e0;
    font-size: clamp(1rem, 0.8438rem + 0.5vw, 1.125rem);

  }