@tailwind base; @tailwind components; @tailwind utilities; .fade-in { opacity: 0; animation: fadeIn 1s ease-in forwards; } .slide-up { transform: translateY(20px); animation: slideUp 1s ease-out forwards; } .scale-hover:hover { transform: scale(1.05); transition: transform 0.3s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }