@font-face {
  font-family: "Tropical County";

  src: url("fonts/Tropical.ttf");
}

* {
  margin: 0;

  padding: 0;

  font-family: "Segoe UI", Arial, sans-serif;

  text-decoration: none;

  color: rgb(83, 71, 94);

}

body {
  background-color: #f3eee0;
}

/* TRANSITION */

.photo-haut {
  margin-bottom: -60px;

  width: 100%;

  height: 100vh;

  position: sticky;

  top: 0;

  z-index: -1;
}

.photo-haut img {
  position: absolute;

  width: 100%;

  height: 100%;

  object-fit: cover;

  z-index: -1;
}

#presentation {
  position: relative;

  display: flex;

  justify-content: center;

  top: 300px;
}

#presentation p {
  position: relative;

  font-family: "Tropical County";

  font-size: 4em;

  color: #fff8e6;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: #696355;
}

.separateur {
  position: relative;

  width: 100%;

  height: 60px;

  font-size: 40px;

  text-align: center;

  display: flex;

  justify-content: center;
}

.separateur span {
  display: block;

  width: 200px;

  height: 10px;

  border-radius: 10px;

  background-color: #efe8d5;

  transform: translateY(25px);
}

/* TRANSITION FIN*/