i want a website for my digital service company called Sonate code, a society works in IA, mobile app and web application
2b3e12f verified | /* Custom animations */ | |
| @keyframes fadeIn { | |
| from { opacity: 0; transform: translateY(20px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| /* Global styles */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| /* Section animations */ | |
| section { | |
| animation: fadeIn 0.8s ease-out forwards; | |
| } | |
| /* Service card hover effect */ | |
| .bg-gray-50:hover { | |
| transform: translateY(-5px); | |
| } | |
| /* Gradient text */ | |
| .gradient-text { | |
| background: linear-gradient(to right, #6366F1, #10B981); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| /* Custom shadow */ | |
| .custom-shadow { | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| /* Responsive adjustments */ | |
| @media (max-width: 768px) { | |
| .hero-text { | |
| text-align: center; | |
| } | |
| .hero-buttons { | |
| justify-content: center; | |
| } | |
| } |