html {
  overflow-x: hidden;
  width: 100%;
}

body {
  background-image: url("/images/background.png");
  background-repeat: repeat; /* l'image se répète automatiquement */
  background-size: auto;     /* garde la taille originale de l'image */
  background-position: top left; /* commence en haut à gauche */
  background-attachment: fixed; /* optionnel : effet de fond fixe */
  overflow-x: hidden;
  width: 100%;
}

main {
  /* background-color: rgba(255, 255, 255, 0.9); */
  backdrop-filter: blur(2px);
  overflow-x: hidden;
}
@media (max-width: 768px) {
  body {
    background-attachment: scroll; /* mobile */
  }
}