style.css

body {
  background-color: rgb(248, 221, 171);
  background-image: url("assets/sea.jpeg");
}
ul {
  display: flex;
  background: rgba(116, 79, 38, 0.979);
  justify-content: space-around;
  justify-content: space-evenly;
  justify-content: center;
  background-image: url("assets/ground1.jpeg");
}
ul li {
  list-style: none;
}
header {
  font-weight: bolder;
  font-size: 150%;
  background-color: rgba(0, 46, 65);
}
nav a {
  color: rgb(245, 245, 245);
}
img {
  width: 200px;
  height: 200px;
}
.welcome {
  font-style: italic;
  font-size: bolder;
  text-align: center;
  text-shadow: rgb(133, 70, 26) 4px 2px;
  font-size: 40px;
  color: white;
  background-image: url("assets/canyon.jpeg");
  display: flex;
  justify-content: center;
  align-items: center;
}
.royaume {
  font-weight: bold;
  color: black;
  text-decoration: underline;
  font-family: "Playball", cursive;
  font-size: 40px;
  text-align: center;
}
.royaumep1 {
  text-align: center;
  color: black;
  font-family: "Merienda", cursive;
  font-size: 20px;
}
.noshéros {
  color: black;
  font-weight: bold;
  text-decoration: underline;
  font-family: "Playball", cursive;
  font-size: 40px;
  text-align: center;
}
.héros {
  color: black;
  text-align: center;
  font-family: "Merienda", cursive;
  font-size: 20px;
}