/* Seasonal decoration for the public La Vinia website. */
.lv-halloween-atmosphere {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 19;
}

.lv-halloween-leaf,
.lv-halloween-pumpkin {
  position: absolute;
  display: block;
  line-height: 1;
  user-select: none;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .35));
}

.lv-halloween-leaf {
  width: 25px;
  height: 25px;
  opacity: .6;
  top: -40px;
  animation: lvHalloweenFall 18s linear infinite;
}

.lv-halloween-leaf svg,
.lv-halloween-pumpkin svg { display: block; width: 100%; height: 100%; }

.lv-halloween-leaf--1 { left: 13%; animation-delay: -3s; }
.lv-halloween-leaf--2 { left: 37%; animation-delay: -12s; animation-duration: 21s; }
.lv-halloween-leaf--3 { left: 63%; animation-delay: -7s; animation-duration: 19s; }
.lv-halloween-leaf--4 { left: 86%; animation-delay: -16s; animation-duration: 23s; }

.lv-halloween-pumpkin {
  width: 40px;
  height: 40px;
  opacity: .58;
  animation: lvHalloweenGlow 4.5s ease-in-out infinite alternate;
}

.lv-halloween-pumpkin--1 { left: 14px; top: 29vh; animation-delay: -2s; }
.lv-halloween-pumpkin--2 { right: 14px; top: 72vh; animation-delay: -3s; }

@keyframes lvHalloweenFall {
  0% { transform: translate3d(0, -5vh, 0) rotate(-15deg); }
  50% { transform: translate3d(22px, 48vh, 0) rotate(175deg); }
  100% { transform: translate3d(-10px, 108vh, 0) rotate(355deg); }
}

@keyframes lvHalloweenGlow {
  from { transform: translate3d(0, 3px, 0) scale(.94); }
  to { transform: translate3d(0, -5px, 0) scale(1.06); }
}

@media (max-width: 600px) {
  .lv-halloween-leaf { width: 23px; height: 23px; opacity: .65; }
  .lv-halloween-pumpkin { width: 36px; height: 36px; opacity: .62; }
}

@media (prefers-reduced-motion: reduce) {
  .lv-halloween-leaf,
  .lv-halloween-pumpkin { animation: none; }
  .lv-halloween-leaf { top: auto; }
  .lv-halloween-leaf--1 { top: 18vh; }
  .lv-halloween-leaf--2 { top: 39vh; }
  .lv-halloween-leaf--3 { top: 61vh; }
  .lv-halloween-leaf--4 { top: 82vh; }
}