@keyframes lanternFlicker {
  0%, 100% {
    text-shadow:
      0 0 4px #ff751a,
      0 0 10px #ff751a,
      0 0 15px #ff751a,
      0 0 20px #ff751a;
    color: #ff751a;
    opacity: 1;
  }
  10% {
    opacity: 0.8;
    text-shadow:
      0 0 2px #ff751a,
      0 0 6px #ff751a,
      0 0 10px #ff751a,
      0 0 12px #ff751a;
  }
  20% {
    opacity: 0.95;
    text-shadow:
      0 0 5px #ff751a,
      0 0 12px #ff751a,
      0 0 20px #ff751a,
      0 0 25px #ff751a;
  }
  35% {
    opacity: 0.7;
    text-shadow:
      0 0 2px #ff751a,
      0 0 5px #ff751a,
      0 0 8px #ff751a,
      0 0 10px #ff751a;
  }
  50% {
    opacity: 1;
    text-shadow:
      0 0 6px #ff751a,
      0 0 15px #ff751a,
      0 0 22px #ff751a,
      0 0 30px #ff751a;
  }
  65% {
    opacity: 0.85;
    text-shadow:
      0 0 3px #ff751a,
      0 0 9px #ff751a,
      0 0 15px #ff751a,
      0 0 18px #ff751a;
  }
  80% {
    opacity: 0.95;
    text-shadow:
      0 0 5px #ff751a,
      0 0 11px #ff751a,
      0 0 19px #ff751a,
      0 0 22px #ff751a;
  }
  90% {
    opacity: 0.75;
    text-shadow:
      0 0 3px #ff751a,
      0 0 7px #ff751a,
      0 0 12px #ff751a,
      0 0 15px #ff751a;
  }
}

body.october-halloween,
body.october-halloween #main,
body.october-halloween .panel,
body.october-halloween .card,
body.october-halloween .tab-content {
  color: #ff751a !important;
  font-family: 'Creepster', cursive, 'Arial Black', sans-serif !important;
  background-color: #1a0e00 !important;
}

body.october-halloween h1,
body.october-halloween h5,
body.october-halloween h6,
body.october-halloween li {
  text-shadow: 0 0 2px #ff751a;
  animation: lanternFlicker 3.5s steps(3, end) infinite;
  animation-delay: var(--flicker-delay, 0s);
  mix-blend-mode: screen;
}

body.october-halloween #tallynet-greeting,
body.october-halloween #tallynet-welcome-message {
  color: #ff751a !important;
  font-family: 'Creepster', cursive, 'Arial Black', sans-serif !important;
  text-shadow: none !important;
  animation: none !important;
}

body.october-halloween a,
body.october-halloween a:hover,
body.october-halloween a:focus {
  color: #ff751a !important;
  text-shadow: none !important;
  animation: none !important;
}

body.october-halloween button:hover,
body.october-halloween input[type="submit"]:hover {
  box-shadow: 0 0 20px #ff751a;
}