body {
  background-color: #ebdada;
}

h1{
  font-size: clamp(20px, 5vw, 60px);
  text-align: center;
  color: #9f5758;
}

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

.numero {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: clamp(16px, 5vw, 30px);
  margin-left: 50px;
  color: #9f5758;
}

.phrase {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  font-size: clamp(16px, 5vw, 35px);
  background-color: #9f5758;
  height: fit-content;
  width: 90%;
  text-align: center;
  border-radius: 20px;
  padding: 15px 20px;
  color: #ffffff;
}