/* BODY */
body{
  margin: 0;
      font-family: Arial, sans-serif;
}

/* NAV    */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e0e0e0;
  padding: 10px;
}

.logo-img {
  width: 300px;
}

.LogoCliquable{
  background: transparent;
}

a {
  padding: 10px 20px;
  background-color: black;
  color: aliceblue;
  text-decoration: none;
}

a:hover {
  /* une transition de 100ms pour être smooth*/
  transition: 100ms;
  /* Agrandit de 8% */
  transform: scale(1.08);
}

h3 {
  margin: 0;
}


/* MAIN */
main{
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(../Accueil/wallpapersden.com_moon-space-minimal_1920x1080.jpg);
}



h1,
p {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1%;
  margin-top: 2%;
  color: white;
  text-align: center;
  text-shadow: 2px 2px 4px black;
}

p{
  margin-bottom: 200px;
}

#Cartes {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.Carte {
  margin-right: 25px;

}

#Cartes img{
  /*pour avoir la même taille partout*/
  width: 500px;
  height: 300px;
  padding: 12px;
  background-color: rgb(219, 235, 235);
}

.Carte:hover{
  /* une transition de 500ms pour être smooth*/
   transition: 500ms;
      /* Agrandit de 8% */
  transform: scale(1.08);
}



/* Footer */
footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #e0e0e0;
  padding: 10px 20px;
  color: black;
}