| @keyframes float { | |
| 0%, 100% { | |
| transform: translateY(0); | |
| } | |
| 50% { | |
| transform: translateY(-20px); | |
| } | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: rgba(255, 255, 255, 0.3); | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: rgba(255, 255, 255, 0.5); | |
| } | |
| .graph-container { | |
| position: relative; | |
| } | |
| /* Animation for the title */ | |
| h1 { | |
| animation: text-flicker 3s ease-in-out infinite alternate; | |
| } | |
| @keyframes text-flicker { | |
| 0% { | |
| text-shadow: 0 0 10px rgba(255, 255, 255, 0.2); | |
| } | |
| 100% { | |
| text-shadow: 0 0 20px rgba(255, 255, 255, 0.5), | |
| 0 0 30px rgba(255, 255, 255, 0.3); | |
| } | |
| } |