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

html, body {
  overflow-x: auto; /* Permet le scroll horizontal */
  overflow-y: hidden; /* Désactive le scroll vertical */
  width: 100vw;
  height: 100vh;
  font-family: Arial, sans-serif;
  background-size: cover;
 
  cursor: url('images/stone.png'), auto;;
}

header {
  position: fixed; /* Fixe le header en haut */
  top: 0;
  left: 0;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  padding: 3px;
  font-size: 1.5em;
  z-index: 1000;
  margin-bottom: 5px;
}

h1 {
  color: blue;
  font-size: 20px;
  margin:  20px;
  letter-spacing: 5px;
}

.container {
  display: flex;
  width: 400vw; /* 4 images = 4x la largeur de l'écran */
  height: 100vh;
}

.container img {
  width: 100%; /* Prend toute la largeur de la fenêtre */
  height: 100%; /* Prend toute la hauteur de la fenêtre */
  object-fit: cover; /* Remplit l’espace sans déformation */
 
 
}

footer {
  position: fixed; /* Fixe le header en haut */

  left: 0;
  bottom: 0;
  width: 100vw;
  display: flex;

  padding: 3px;
  font-size: 1.5em;
  z-index: 1000;
  margin-bottom: 5px;
}