@import "tailwindcss";
.input {
  @apply w-full px-3 py-2 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-gray-500;
}

html,
body {
  @apply bg-white text-gray-900 transition-colors duration-300 dark:bg-gray-700 dark:text-gray-50;
}
@keyframes fade-slide {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-slide {
  animation: fade-slide 0.4s ease-out;
}