body{
    margin: 0;
    padding: 0;
}
.main {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centre les éléments horizontalement */
    align-items: center; /* Centre les éléments verticalement */

}

.title{
  color: #4997FD;
  margin-block-end: 0.34em;
  
}
.subtitle{
    color: #5FD068;
    font-size: x-large;
    font-weight: 700;
}

.basic-text{
    margin-top: 2%;
    color: #3A3939;
    font-size: 16px;
    font-weight: 300;
    max-width: 90%;
    text-align: center;
  }
.frame-box{
  height: 150%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}
form{
  width: 50%;
}
.mailLink{
  padding: 10px;
  border-radius: 5px;
  font-size: 20px;
  text-decoration: none;
  color: #2F88FB;
  margin: 2%;
  background-color: #2F88FB;
  color: white;

}

  @media screen and (max-width: 1000px) {
    form{
      width: 60%;
    }
  }

  @media screen and (max-width: 780px) {
    form{
      width: 75%;
    }
  }

  @media screen and (max-width: 400px) {
    form{
      width: 98%;
    }
  }