html {
  height: 100%;
  width: 100%;
  margin: 0%;
  padding: 0%;  
  overflow-x: hidden;
}

body{
  height: 100%;
  width: 100%;
  margin: 0%;
  padding: 0%;
  display: flex;
  flex-direction: column;
  font-family: sans-serif;
  overflow-x: hidden;
}

main{
  max-width: 100em;
  flex: 1;
  margin: 0 auto; /*permet de centré si la taille est dépassé*/
  padding: 1% 10% 2% 10%;
}

h1 {
  text-align: center;
  font-size: 2rem;
}

h2{
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
}

h3 {
  text-align: justify;
  font-size: 1.3rem;
  margin: 2.5rem 0 0 0;
}

p {
  text-align: justify;
}


section a {
    color: #222;
}


section{
    margin-left: 10%;
    margin-right: 10%;
}

@media (max-width: 1023px) {
  main{
    padding: 1% 1rem 2% 1rem;
  }
}