/* Custom utilities and keyframes for the static site */

@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in-up {
  animation: fade-in-up 0.8s ease-out forwards;
}

/* Dark mode prefers-color-scheme as a sensible default behavior */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light dark;
  }
}