@charset "UTF-8";
/***************neiges***************/
/* ================= NEIGE HIVERNALE FCCV ================= */
/* line 5, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
#EffetNeige {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}

/* line 14, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.CoucheNeige {
  position: absolute;
  inset: -100% 0 0;
  width: 100%;
  height: 200%;
  background-repeat: repeat;
  will-change: transform;
}

/* Petits flocons : profondeur et discrétion */
/* line 24, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.NeigeFond {
  opacity: 0.45;
  background-image: radial-gradient(2px 2px at 20px 30px, rgba(255, 255, 255, 0.9) 50%, transparent 100%), radial-gradient(2px 2px at 110px 140px, rgba(255, 255, 255, 0.7) 50%, transparent 100%), radial-gradient(1.5px 1.5px at 180px 80px, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
  background-size: 220px 220px;
  animation: chuteFond 18s linear infinite;
}

/* Flocons intermédiaires */
/* line 38, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.NeigeMilieu {
  opacity: 0.65;
  background-image: radial-gradient(3px 3px at 40px 60px, white 50%, transparent 100%), radial-gradient(2.5px 2.5px at 150px 170px, rgba(255, 255, 255, 0.9) 50%, transparent 100%), radial-gradient(3px 3px at 240px 100px, white 50%, transparent 100%);
  background-size: 300px 300px;
  animation: chuteMilieu 13s linear infinite;
}

/* Quelques flocons plus gros au premier plan */
/* line 52, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.NeigeAvant {
  opacity: 0.7;
  background-image: radial-gradient(4px 4px at 70px 90px, rgba(255, 255, 255, 0.95) 50%, transparent 100%), radial-gradient(5px 5px at 220px 210px, rgba(255, 255, 255, 0.8) 50%, transparent 100%);
  background-size: 360px 360px;
  filter: blur(0.4px);
  animation: chuteAvant 9s linear infinite;
}

@keyframes chuteFond {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-35px, 50%, 0);
  }
}

@keyframes chuteMilieu {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(45px, 50%, 0);
  }
}

@keyframes chuteAvant {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-55px, 50%, 0);
  }
}

/* Respect des préférences d'accessibilité */
@media (prefers-reduced-motion: reduce) {
  /* line 81, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
  #EffetNeige,
  .CoucheNeige {
    display: none !important;
    animation: none !important;
  }
}

/* =============== AUTOMNE FCCV =============== */
/* line 89, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
#EffetFeuilles {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
}

/* line 98, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.CoucheFeuilles {
  position: absolute;
  inset: -100% 0 0;
  width: 100%;
  height: 200%;
  background-repeat: repeat;
  will-change: transform;
}

/* Petites feuilles éloignées */
/* line 108, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.FeuillesFond {
  opacity: 0.45;
  background-image: radial-gradient(ellipse 5px 3px at 30px 40px, #d98a32 95%, transparent 100%), radial-gradient(ellipse 4px 3px at 130px 120px, #b84a27 95%, transparent 100%), radial-gradient(ellipse 5px 3px at 200px 70px, #d8ad42 95%, transparent 100%);
  background-size: 240px 240px;
  animation: chuteFeuillesFond 27s linear infinite;
}

/* Feuilles intermédiaires */
/* line 122, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.FeuillesMilieu {
  opacity: 0.7;
  background-image: radial-gradient(ellipse 7px 4px at 40px 60px, #e87527 95%, transparent 100%), radial-gradient(ellipse 6px 4px at 150px 170px, #a93624 95%, transparent 100%), radial-gradient(ellipse 8px 4px at 250px 100px, #d6a52d 95%, transparent 100%);
  background-size: 320px 320px;
  animation: chuteFeuillesMilieu 21s linear infinite;
}

/* Grandes feuilles au premier plan */
/* line 136, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
.FeuillesAvant {
  opacity: 0.8;
  background-image: radial-gradient(ellipse 10px 5px at 70px 90px, #ed8b24 95%, transparent 100%), radial-gradient(ellipse 9px 5px at 220px 210px, #b83b24 95%, transparent 100%);
  background-size: 380px 380px;
  filter: blur(0.3px);
  animation: chuteFeuillesAvant 17s linear infinite;
}

/* Chute et dérive dans le vent */
@keyframes chuteFeuillesFond {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(25px, 25%, 0) rotate(8deg);
  }
  100% {
    transform: translate3d(-20px, 50%, 0) rotate(-8deg);
  }
}

@keyframes chuteFeuillesMilieu {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  30% {
    transform: translate3d(35px, 15%, 0) rotate(10deg);
  }
  65% {
    transform: translate3d(-25px, 32%, 0) rotate(-8deg);
  }
  100% {
    transform: translate3d(30px, 50%, 0) rotate(12deg);
  }
}

@keyframes chuteFeuillesAvant {
  0% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  30% {
    transform: translate3d(-45px, 15%, 0) rotate(-12deg);
  }
  65% {
    transform: translate3d(35px, 32%, 0) rotate(10deg);
  }
  100% {
    transform: translate3d(-30px, 50%, 0) rotate(-8deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 170, ../Users/yoann/Desktop/programation/Site Foot/CSS/Saisons.scss */
  #EffetFeuilles {
    display: none !important;
  }
}

/*# sourceMappingURL=Saisons.css.map */