/* Base fade-in animation */
@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Fade-in duration classes */
.fadein-200 { opacity: 0; animation: fadeIn 200ms ease forwards; }
.fadein-400 { opacity: 0; animation: fadeIn 400ms ease forwards; }
.fadein-600 { opacity: 0; animation: fadeIn 600ms ease forwards; }
.fadein-800 { opacity: 0; animation: fadeIn 800ms ease forwards; }
.fadein-1000 { opacity: 0; animation: fadeIn 1000ms ease forwards; }
.fadein-1200 { opacity: 0; animation: fadeIn 1200ms ease forwards; }
.fadein-1400 { opacity: 0; animation: fadeIn 1400ms ease forwards; }
.fadein-1600 { opacity: 0; animation: fadeIn 1600ms ease forwards; }
.fadein-1800 { opacity: 0; animation: fadeIn 1800ms ease forwards; }
.fadein-2000 { opacity: 0; animation: fadeIn 2000ms ease forwards; }
.fadein-2200 { opacity: 0; animation: fadeIn 2200ms ease forwards; }
.fadein-2400 { opacity: 0; animation: fadeIn 2400ms ease forwards; }
.fadein-2600 { opacity: 0; animation: fadeIn 2600ms ease forwards; }
.fadein-2800 { opacity: 0; animation: fadeIn 2800ms ease forwards; }
.fadein-3000 { opacity: 0; animation: fadeIn 3000ms ease forwards; }
.fadein-3200 { opacity: 0; animation: fadeIn 3200ms ease forwards; }
.fadein-3400 { opacity: 0; animation: fadeIn 3400ms ease forwards; }
.fadein-3600 { opacity: 0; animation: fadeIn 3600ms ease forwards; }
.fadein-3800 { opacity: 0; animation: fadeIn 3800ms ease forwards; }
.fadein-4000 { opacity: 0; animation: fadeIn 4000ms ease forwards; }
.fadein-4200 { opacity: 0; animation: fadeIn 4200ms ease forwards; }
.fadein-4400 { opacity: 0; animation: fadeIn 4400ms ease forwards; }
.fadein-4600 { opacity: 0; animation: fadeIn 4600ms ease forwards; }
.fadein-4800 { opacity: 0; animation: fadeIn 4800ms ease forwards; }
.fadein-5000 { opacity: 0; animation: fadeIn 5000ms ease forwards; }
.fadein-5200 { opacity: 0; animation: fadeIn 5200ms ease forwards; }
.fadein-5400 { opacity: 0; animation: fadeIn 5400ms ease forwards; }
.fadein-5600 { opacity: 0; animation: fadeIn 5600ms ease forwards; }
.fadein-5800 { opacity: 0; animation: fadeIn 5800ms ease forwards; }
.fadein-6000 { opacity: 0; animation: fadeIn 6000ms ease forwards; }
.fadein-6200 { opacity: 0; animation: fadeIn 6200ms ease forwards; }
.fadein-6400 { opacity: 0; animation: fadeIn 6400ms ease forwards; }
.fadein-6600 { opacity: 0; animation: fadeIn 6600ms ease forwards; }
.fadein-6800 { opacity: 0; animation: fadeIn 6800ms ease forwards; }
.fadein-7000 { opacity: 0; animation: fadeIn 7000ms ease forwards; }
.fadein-7200 { opacity: 0; animation: fadeIn 7200ms ease forwards; }
.fadein-7400 { opacity: 0; animation: fadeIn 7400ms ease forwards; }
.fadein-7600 { opacity: 0; animation: fadeIn 7600ms ease forwards; }
.fadein-7800 { opacity: 0; animation: fadeIn 7800ms ease forwards; }
.fadein-8000 { opacity: 0; animation: fadeIn 8000ms ease forwards; }

/* Delay classes - use animation-delay */
.delay-200 { animation-delay: 200ms; }
.delay-400 { animation-delay: 400ms; }
.delay-600 { animation-delay: 600ms; }
.delay-800 { animation-delay: 800ms; }
.delay-1000 { animation-delay: 1000ms; }
.delay-1200 { animation-delay: 1200ms; }
.delay-1400 { animation-delay: 1400ms; }
.delay-1600 { animation-delay: 1600ms; }
.delay-1800 { animation-delay: 1800ms; }
.delay-2000 { animation-delay: 2000ms; }
.delay-2200 { animation-delay: 2200ms; }
.delay-2400 { animation-delay: 2400ms; }
.delay-2600 { animation-delay: 2600ms; }
.delay-2800 { animation-delay: 2800ms; }
.delay-3000 { animation-delay: 3000ms; }
.delay-3200 { animation-delay: 3200ms; }
.delay-3400 { animation-delay: 3400ms; }
.delay-3600 { animation-delay: 3600ms; }
.delay-3800 { animation-delay: 3800ms; }
.delay-4000 { animation-delay: 4000ms; }
.delay-4200 { animation-delay: 4200ms; }
.delay-4400 { animation-delay: 4400ms; }
.delay-4600 { animation-delay: 4600ms; }
.delay-4800 { animation-delay: 4800ms; }
.delay-5000 { animation-delay: 5000ms; }
.delay-5200 { animation-delay: 5200ms; }
.delay-5400 { animation-delay: 5400ms; }
.delay-5600 { animation-delay: 5600ms; }
.delay-5800 { animation-delay: 5800ms; }
.delay-6000 { animation-delay: 6000ms; }
.delay-6200 { animation-delay: 6200ms; }
.delay-6400 { animation-delay: 6400ms; }
.delay-6600 { animation-delay: 6600ms; }
.delay-6800 { animation-delay: 6800ms; }
.delay-7000 { animation-delay: 7000ms; }
.delay-7200 { animation-delay: 7200ms; }
.delay-7400 { animation-delay: 7400ms; }
.delay-7600 { animation-delay: 7600ms; }
.delay-7800 { animation-delay: 7800ms; }
.delay-8000 { animation-delay: 8000ms; }