/*Fonts CSS */

@font-face {
  font-family: Fauna;
  src: url("../../assets/fonts/Fauna.ttf");
}
@font-face {
  font-family: Equinox;
  src: url("../../assets/fonts/Equinox.otf");
}

body {
  min-height: 100vh;
  font-family: "Equinox", sans-serif;
  color: white;
  scroll-behavior: smooth;
  height: 100vh;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #050e15;
}

/* Navbar CSS */

nav {
  background-color: #050e15;
}

/* Moving fox CSS */

.moving-fox {
  position: relative;
  top : 0;
  z-index: -1;
  opacity: 0;
}


/* Section Histoire */

section{
  min-height: 60vh;
  margin-bottom: 10px;
}

.hidden {
  opacity: 0;
  filter: blur(10px);
  transform: translateX(-100px);
  transition: all 1.2s;
}

.show {
  opacity: 1;
  filter: blur(0px);
  transform: translateX(0px);
}

@media (prefers-reduced-motion) {
  .hidden {
    transition: none;
  }
}

p {
  font-family: "Fauna", sans-serif;
  font-size: 20px;
}