* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Titillium web";
  transition: transform 330ms ease-in-out;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "lato";
}
body {
  background-image: url("/img/fondciel.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  overflow-x: hidden;
}
section {
  color: white;
  /* text-shadow: 0 0 5px black; */
}
section h2,
section h4 {
  text-align: center;
}
strong {
  text-shadow: none;
  color: rgb(30, 46, 117);
}

li {
  list-style: none;
}
a {
  text-decoration: none;
  color: white;
  /* text-shadow: 0 0 5px black; */
}
main {
  width: 80%;
  margin: auto;
  display: flex;
  flex-direction: column;
}
ul {
  display: flex;
  justify-content: space-around;
}

/* /* *********************************adaptive engine****************************** */

@media screen and (max-width: 998px) {
  body {
    background-image: url("/img/fondcielmobile.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    overflow-x: hidden;
  }
}