*,
::before,
::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  /*100% = 100% de la taille de la font que l'utilisateur a defini dans son navigateur*/
  /*Si l'utilisateur a défini 16px ==> notre font-size = 100% de 16px = 16px*/
  /*C'est pas obligatoire mais c'est recommandé*/  
  
  font-size: 100%;         
  scroll-behavior: smooth;
}

#main {
  opacity: 0;
  transition: opacity 0.5s ease;
}

#main.active {
  opacity: 1;
}