body {
  margin: 0;
  padding: 0;
  background-color: #353535;
}

.container{
  display: flex;
  align-items: center;
  background-color: #353535;
  justify-content: center;
  width: 100%;
  border-bottom:1px solid #353535;
  box-shadow: 5px 6px 30px #0ff; 
}


@keyframes neon {
  0%, 100% {
      text-shadow: 0 0 5px #0ff, 0 0 10px #0ff, 0 0 20px #0ff;
  }
  50% {
      text-shadow: 0 0 10px #0ff, 0 0 20px #0ff, 0 0 40px #0ff;
  }
}

.box1 h1{
  text-align: center;
  color: #fefefe;
  font-size: clamp(2.95rem, 0.3384rem + 12.7389vw, 15.225rem);
  font-family: "p22-arts-and-crafts", sans-serif;
  font-weight: 400;
  font-style: normal;
  animation: neon 1.5s infinite alternate;
}

.box2 {
  text-align: center;
  color: #fefefe;
  font-size: clamp(1.3125rem, 0.9642rem + 1.5924vw, 2.875rem);
  font-family: "new-order", sans-serif;
  font-weight: 400;
  font-style: normal;
}
  .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 */
  }

  .combinaisons{
    text-align: left;
    top: 100%;

  }

  .numero {
    color: #0ff;
    padding: 2rem;
    font-family: "p22-arts-and-crafts", sans-serif;
    font-weight: 200;
    opacity: 0.7;
    font-size: clamp(0.582rem, 1.3113rem + 1.7197vw, 3rem);
  }
  .phrase {
    color: #fefefe;
    font-size: clamp(1rem, 0.582rem + 1.9108vw, 1.5rem);
    margin-right: 5%;
    font-family: "new-order", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  button {
    font-family: "p22-arts-and-crafts", sans-serif;
    font-weight: 400;
    font-style: normal;
    cursor: pointer;
    background: none;
    border: #0ff 1px solid;
    color: #0ff;
    font-size: clamp(1.3125rem, 0.9642rem + 1.5924vw, 2.875rem);
  }