@tailwind base;
@tailwind components;
@tailwind utilities;

@keyframes slow-pan {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}

header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.animate-slow-pan {
  animation: slow-pan 60s linear infinite;
  background-size: 200% 200%;
}

.hero-bg {
  background: linear-gradient(135deg, #f4fbf6 0%, #e8f7ec 100%);
}


/* .font-script {
  font-family: 'Train One', cursive;
  letter-spacing: 1px;
} */