| /* Custom animations and additional styles */ | |
| @keyframes float { | |
| 0%, 100% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| } | |
| @keyframes glow { | |
| 0%, 100% { box-shadow: 0 0 20px rgba(239, 68, 68, 0.3); } | |
| 50% { box-shadow: 0 0 40px rgba(239, 68, 68, 0.6); } | |
| } | |
| .animate-float { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| .animate-glow { | |
| animation: glow 2s ease-in-out infinite; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f5f9; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #ef4444; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #dc2626; | |
| } | |
| /* Smooth transitions for all interactive elements */ | |
| * { | |
| transition: all 0.2s ease-in-out; | |
| } | |
| /* Custom hover effects */ | |
| .hover-lift:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } |