* {
  margin: 0;
}

@keyframes descendreAmpoule {
  from {
    top: -50%; /* Position de départ en haut de la fenêtre */
  }
  to {
    top: 0%; /* Position d'arrivée au milieu de la fenêtre (ajustez cette valeur selon vos besoins) */
  }
}

#ampoule {
position: fixed;
  top: 0; /* Positionnement en haut de la fenêtre */
  width: 15%; /* Largeur de l'élément pour occuper toute la largeur de la fenêtre */
  transform: rotate(180deg);
  animation: descendreAmpoule 6s ease; /* Durée de l'animation et type d'accélération */
  /*box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px white, 0 0 70px white, 0 0 80px white, 0 0 100px white, 0 0 150px white; /* Effet néon avec des ombres */
}

header {
  background-color: #1c1c1c;
  display: flex;
  justify-content: space-between;
}

header nav ul {
  display: flex;
  text-decoration: none;
  justify-content: space-around;
}

header nav a {
  color: white;
}

#hidden {
  display: none;
}

.buttonStart {
  background-color: gray;
  width: 30%;
  height: 10%;
  color: white;
  justify-content: space-between;
}

.buttonStart :onclick{
    background-color:red;
}

.pageStart {
  background-color: black;
  position: fixed; /* Utilisation de la position fixe pour que le div couvre toute la fenêtre du navigateur */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center; /* Pour centrer le contenu verticalement */
  justify-content: center; /* Pour centrer le contenu horizontalement */
}

body {
  height: 100%;
  width: 100%;
  overflow: hidden; /* Empêche le défilement vertical de la page */
  margin: 0; /* Assurez-vous qu'il n'y a pas de marges pour body */
}