| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| scroll-behavior: smooth; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #1e293b; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #334155; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #475569; | |
| } | |
| /* Animation classes */ | |
| .animate-float { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .gradient-text { | |
| background-clip: text; | |
| -webkit-background-clip: text; | |
| color: transparent; | |
| } | |
| /* Cyber glow effect */ | |
| .cyber-glow { | |
| text-shadow: 0 0 5px rgba(0, 255, 255, 0.5), | |
| 0 0 10px rgba(0, 255, 255, 0.3), | |
| 0 0 15px rgba(0, 255, 255, 0.2); | |
| } | |
| /* PD logo animation */ | |
| @keyframes pd-pulse { | |
| 0% { opacity: 0.8; } | |
| 50% { opacity: 1; text-shadow: 0 0 8px cyan; } | |
| 100% { opacity: 0.8; } | |
| } | |
| .pd-logo { | |
| animation: pd-pulse 2s ease-in-out infinite; | |
| } | |