/*ajout de la police aclonica*/
@font-face {
  font-family: "aclonicaregular";
  src: url("../fonts/aclonica-regular-webfont.woff2") format("woff2"),
    url("../fonts/aclonica-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/*couleur de fond et la police*/
body {
  background: linear-gradient(90deg, #9c1f4d, black);
  font-family: "aclonicaregular";
}

/*disposition du header*/
header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 30px;
  color: white;
}

/*taille et marge de l'image en haut à gauche*/
#coupe {
  width: 150px;
  height: 100px;
  margin-left: 1%;
  margin-top: 1%;
  transition: 0.5s ease-in-out;
}

/*curseur en pointe et agrandissement de l'image quand on la survole*/
#coupe:hover {
  cursor: pointer;
  transition: 1s;
  transform: scale(1.2);
}

/*style pour le titre*/
.container1 p {
  font-size: 800%;
  text-align: center;
  margin-top: 5%;
  color: white;
}

/*style pour le boutton d'entré*/
button {
  display: none;
  width: 150px;
  height: 50px;
  border-radius: 25px;
  background-color: white;
  border-color: white;
  font-family: "aclonicaregular";
  color: #9c1f4d;
  transition: 1s ease-in-out;
}

/*modification du style du boutton quand on le survole*/
button:hover {
  cursor: pointer;
  background: linear-gradient(90deg, #9c1f4d, black);
  border-color: #000000;
  color: white;
  transition: 1s;
}

/*centre le boutton*/
#container2 {
  text-align: center;
}

/*style pour le texte des conditions*/
#container3 {
  text-align: center;
  color: white;
  margin-top: 2%;
}

/*style pour le lien des conditions*/
u {
  color: blue;
}

/*changement du curseur quand on survole le lien des conditions*/
u:hover {
  cursor: pointer;
}

/*style pour la case à cocher aini que son texte*/
#container4 {
  margin: 30px 0;
  text-align: center;
  color: white;
}

/*changement de curseur quand on survole sur la case à cocher*/
#case-1:hover {
  cursor: pointer;
}