@import "tailwindcss";

@theme {
  --animate-fade-in: fadeIn 0.3s ease-out forwards;
  --animate-fade-in-up: fadeInUp 0.4s ease-out forwards;

  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}