JezK
Edit File: input.css
@tailwind base; @tailwind components; @tailwind utilities; @layer components { .btn-primary { @apply bg-primary text-white px-6 py-3 rounded-lg font-semibold hover:bg-primary-light transition-colors duration-300; } .btn-outline { @apply border-2 border-primary text-primary px-6 py-3 rounded-lg font-semibold hover:bg-primary hover:text-white transition-colors duration-300; } .section-padding { @apply py-16 md:py-24; } .container { @apply px-4 mx-auto max-w-7xl; } } @layer utilities { .animate-on-scroll { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .animate-on-scroll.animate-in { opacity: 1; transform: translateY(0); } }