@import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');
body {
    color: #ffffff;
    font-family:  "MedievalSharp", cursive;
  }
  h1 {
    color: #00eeff;
    font-size: 70px;
    text-align: center;
  }
  p {
    font-size: 35px;
    margin-top: 100px;
  }
  a {
    color: #00eeff;
    font-size: 30px;
  }
  h2 {
    color: #00eeff;
    font-size: 50px;
    text-align: center;
    margin-top: 100px;
  }
  h3 a{
    color: crimson;
    font-size: 40px;
    text-align: center;
    margin-top: 40px;
  }
  h3 {
    text-align: center;
  }
  a:hover {
    color: #ffffff;
  }
  a {
    text-decoration: none;
  }
  li {
    list-style-type: none;

  }
  ul {
    text-align: center;
    padding: 0;
    margin-top: 100px;
  }
.img_graal {
  background-image: url("images/img_graal.jpg");
  background-size: cover;
}
.img_lac {
  background-image: url("images/img_lac.jpg");
  background-size: cover;
}
.img_plage{
  background-image: url("images/img_plage.jpg");
  background-size: cover;
}
.img_foret{
  background-image: url("images/img_foret.webp");
  background-size: cover;
}
.img_bateau{
  background-image: url("images/img_bateau.jpg");
  background-size: cover;
}
.img_randonneuse{
  background-image: url("images/img_randonneuse.jpg");
  background-size: cover;
}
.img_chemin{
  background-image: url("images/img_chemin.jpg");
  background-size: cover;
}
.img_train{
  background-image: url("images/img_train.jpg");
  background-size: cover;
}
.img_combat{
  background-image: url("images/img_combat.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
}