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

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

  .animate-fadeInUp {
    animation: fadeInUp 1s ease-out both;
  }

  @keyframes backgroundMove {
    0% {
      transform: scale(1) translate(0, 0);
    }
    50% {
      transform: scale(1.05) translate(2%, 2%);
    }
    100% {
      transform: scale(1) translate(0, 0);
    }
  }

  .animate-backgroundMove {
    animation: backgroundMove 30s ease-in-out infinite;
  }
}