| /* Custom animations */ | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-10px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .float-animation { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #ffd6e7; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #ff2d80; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #e60073; | |
| } | |
| /* Selection colors */ | |
| ::selection { | |
| background: #ff85b8; | |
| color: white; | |
| } | |
| /* Smooth transitions */ | |
| a, button { | |
| transition: all 0.3s ease; | |
| } | |
| /* Custom focus styles */ | |
| input:focus, textarea:focus { | |
| box-shadow: 0 0 0 3px rgba(255, 45, 128, 0.3); | |
| } |