body {
  background-color: rgb(0, 0, 0);
  /*pour que la page apparaisse gentiment*/
  animation-name: fade;
  animation-duration: 1.0s;
  animation-fill-mode: forwards
}

img {
  height: 850px;
}

.container {
  margin-top: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
/*pour changer l'affichage de lécran lorsque la taille de l'écran change*/
@media screen and (max-width: 600px) {
  .logo {
    display: none;
  }

  nav {
    width: 600px;
    display: flex;
    flex-direction: column;
  }
}
/*que la page apparaisse gentiment*/
@keyframes fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/*html {
    font-family: Helvetica, sans-serif;
  }
  header {
    font-size: 3em;
    text-align: center;
  }
  nav {
    background:#afd7ee;
    font-size: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-block: 50px;
  }
  article{
    float: right;
    display: flex;
    align-items: right;
    justify-content: space-evenly;
    margin: 20px;
  }

  
  .logo{
    margin: 50px;
  }
  nav div {
    padding: 18px;
    padding-left: 150px;
    padding-right: 150px;
  }
  nav div:hover {

    background:#029bf3;
  }
  @media screen and (max-width: 600px) {
    .logo{
        display: none;
    }
    nav {
        width: 510px;
        display: flex;
        flex-direction: column;
    }
  }