@import "tailwindcss";

/* Enable pull-to-refresh for PWA */
html, body {
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translate(-50%, -1rem);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

.animate-fade-in {
  animation: fade-in 0.3s ease-out;
}