body {
    font-family: "Orbitron", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: rgb(25, 60, 64);
    background: linear-gradient(
      0deg,
      rgba(25, 60, 64, 1) 32%,
      rgba(27, 89, 78, 1) 100%
    );
  }
  
  h1 {
    font-size: 2em;
    margin-bottom: 20px;
    text-align: center;
    color: #44f2d2;
    text-shadow: 1px 2px 5px white;
    letter-spacing: 2px;
  }
  
  p {
    font-size: 1.1em;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
  }
  #a {
    font-size: 1.1em;
    color: aliceblue;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
  }
  
  #inscription-page {
    width: 70%;
    max-width: 350px; /* Largeur max pour empêcher un conteneur trop large */
    height: auto;
    color: #2b9380;
    border: 1px solid #44f2d2;
    box-shadow: 2px 2px 20px white;
    padding: 20px;

    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* margin-top: 5%; */
  }
  
  #inscriptionForm {
    width: 80%;
    height: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
  }
  
  input {
    width: 100%;
    max-width: 200px;
    height: 15%;
    margin-bottom: 10%;
    margin-top: 5%;
    border-radius: 5px;
    border: 1px solid white;
    box-shadow: 2px 2px 10px #44f2d2;
    font-size: 1em;
    font-family: "Roboto", sans-serif;
    padding-left: 5%;
  }
  
  ::placeholder {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    padding-left: 2%;
  }
  

  

  
  #inscription-btn {
    margin-top: 5%;
    width: 80px; /* largeur fixe */
    height: 80px; /* hauteur fixe */
    border: 1px solid #44f2d2;
    box-shadow: 2px 2px 15px white;
    border-radius: 50%;
    background-size: 40%;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1 / 1; /* Maintenir un ratio carré */
    margin-top: 10%;
    margin-bottom: 20%;
    background-color: #2b9380;
  }