@import url('https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap');

body {
    background-color: #000000;
    color: #ff0000;
    font-family: "Rubik Glitch", system-ui;
}

p {
    font-size: 20px;
}

a {
    color: #dc322f;
    text-decoration: none;
}

h1 {
    color: #ff0000
}

a:hover {
    color: #ff0000
}

.index {
    background-image: url("images/seule.jpg");
    background-size: cover;
  }

.bunker {
    background-image: url("images/bunker.jpg");
    background-size: cover;
  }
  
.secouristes {
    background-image: url("images/secouristes.jpg");
    background-size: cover;
  }

.insuffisance {
    background-image: url("images/mort.jpg");
    background-size: cover;
  }

.montagne {
    background-image: url("images/everest.avif");
    background-size: cover;
  }

.sommet {
    background-image: url("images/sommet.avif");
    background-size: cover;
  }

.grotte {
    background-image: url("images/grotte.webp");
    background-size: cover;
  }

.bateau {
    background-image: url("images/bateau.webp");
    background-size: cover;
  }

.cabine {
    background-image: url("images/cabine.avif");
    background-size: cover;
  }

.conteneurs {
    background-image: url("images/conteneurs.webp");
    background-size: cover;
  }