body {
  width: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, #5C243B 35%, rgb(9,116,187) 61%,  rgb(9,116,187) 80%);
  margin:0px;
  }

  #planete {
    background-image: url(../img/planet.jpg);
    background-size:cover ;
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
    height:100%;
    width: 100%;
    font-family: 'Titre', sans-serif;

    text-transform: uppercase; /* Met en majuscules */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre noire */
    color: #ffffff; /* Couleur rouge pour le texte */
    -webkit-text-stroke: 2px black; /* Bordure de 2 pixels de large en noir */
  
}
@media screen and (max-width: 768px) {
  #planete {
    background-image: url(../img/gokustar.jpg); /* Image de fond pour les smartphones */
  }
  form {
    width:75%;
    margin: auto;
    text-align: center;
  }
  .vegeta {
    display: none;
  }

}
form {
  color: rgb(255, 189, 76);
      font-size: 45px;
}
.form-check-input {
  
  transform: scale(2); /* Ajustez la valeur pour la taille souhaitée */
}


.confirm {
  
  height:10vh;

}


#car {
  -webkit-box-shadow: 0px 18px 24px 3px #000000; 
box-shadow: 0px 18px 24px 3px #000000;
border-radius: 20px;
border:5px solid black;
background-image: linear-gradient(to right, #333333 50%, #222222 50%)
}
#car2 {
  -webkit-box-shadow: 0px 18px 24px 3px #000000; 
box-shadow: 0px 18px 24px 3px #000000;
background-image: linear-gradient(to right, #222222 50%, #333333 50%)
}
#nav {
  -webkit-box-shadow: 0px 10px 22px 12px #000000; 
box-shadow: 0px 10px 22px 12px #000000;
}

#compte:hover {

  transform: scale(1.2);
  transition: transform 0.2s ease;
  
}

#compte:active {
  transform:scale(1);
  transition: transform 0.2s ease;
}


.fa-li {
  color:#ff7b00;
}