@charset "UTF-8";
body {
  background: url("/img/image_ecf/multiverse.jpg") no-repeat center/cover !important;
}

h1 {
  font-family: "Freckle Face", "cursive", "sans serif";
  font-size: 9.375rem;
  color: rgb(87, 104, 219);
  text-shadow: 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
  opacity: 0.7;
  margin-bottom: -60px;
}

.boxrdv {
  background-color: rgba(121, 129, 156, 0.8);
  font-family: "cursive", "sans-serif";
  padding: 20px;
  margin-left: 7.8rem;
  margin-bottom: 10px;
  border-radius: 20px;
  width: 60%; /* Ajuste la largeur */
}

#email,
#message {
  max-width: 390px; /* Limite la largeur des champs */
  padding: 8px;
  margin-top: 5px;
  border: 1.5px solid black;
  border-radius: 20px;
  font-size: 16px;
  background-color: rgba(121, 129, 156, 0.8);
  cursor: pointer;
}

#message {
  height: 120px; /* Augmente la hauteur du textarea */
  resize: vertical; /* Permet de redimensionner seulement en hauteur */
}

.bouton-envoyer {
  margin-top: 20px;
  margin-left: 9.375rem;
  padding: 10px 5px;
  display: flex;
  justify-content: center;
  border-radius: 6px;
  max-width: 120px;
  background: linear-gradient(45deg, purple, blue); /* valeur correcte en CSS */
  color: wheat; /* valeur correcte en CSS */
  border: 1.5px solid black;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
}

.bouton-envoyer:hover {
  background: linear-gradient(45deg, blue, purple); /* Orange saumon plus foncé */
  transform: scale(1.05); /* Léger agrandissement au survol */
}

/* TABLETTES (entre 768px et 1024px) */
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 6rem;
    margin-bottom: -30px;
  }
  .boxrdv {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
  }
  #email,
  #message {
    max-width: 100%;
    font-size: 15px;
  }
  .bouton-envoyer {
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    padding: 8px 4px;
  }
}
/* SMARTPHONES (<= 768px) */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 5rem;
    text-align: center;
    margin-bottom: 0;
  }
  .boxrdv {
    width: 90%;
    margin: 20px auto;
    padding: 10px;
  }
  #email,
  #message {
    font-size: 12px;
    padding: 6px;
    border-radius: 15px;
  }
  .bouton-envoyer {
    font-size: 10px;
    padding: 6px 4px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
/* PETITS TÉLÉPHONES (<= 480px) */
@media screen and (max-width: 480px) {
  h1 {
    font-size: 2.5rem;
    margin-top: 10px;
  }
  .boxrdv {
    width: 95%;
    padding: 8px;
  }
  #email,
  #message {
    font-size: 12px;
    padding: 5px;
  }
  .bouton-envoyer {
    font-size: 10px;
    max-width: 100px;
    padding: 5px 3px;
  }
}/*# sourceMappingURL=contact.css.map */