| /* Custom styles that extend Tailwind */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
| } | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(10px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .animate-fade-in { | |
| animation: fadeIn 0.5s ease-out forwards; | |
| } | |
| .shadow-soft { | |
| box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); | |
| } | |
| .shadow-soft:hover { | |
| box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); | |
| } | |
| /* Responsive tweaks */ | |
| @media (max-width: 640px) { | |
| .hero-image { | |
| height: 300px; | |
| object-fit: cover; | |
| } | |
| } |