| |
| ::-webkit-scrollbar { |
| width: 10px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #020617; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #7e22ce; |
| border-radius: 5px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #6b21a8; |
| } |
|
|
| |
| @keyframes float { |
| 0%, 100% { |
| transform: translateY(0); |
| } |
| 50% { |
| transform: translateY(-20px); |
| } |
| } |
|
|
| .float-animation { |
| animation: float 6s ease-in-out infinite; |
| } |
|
|
| |
| .hero-glass { |
| background: rgba(15, 23, 42, 0.7); |
| backdrop-filter: blur(10px); |
| -webkit-backdrop-filter: blur(10px); |
| border: 1px solid rgba(255, 255, 255, 0.1); |
| } |
|
|
| .hover-glow:hover { |
| box-shadow: 0 0 15px rgba(124, 58, 237, 0.5); |
| } |
|
|
| .text-gradient { |
| background-clip: text; |
| -webkit-background-clip: text; |
| color: transparent; |
| } |
|
|
| |
| @media (max-width: 768px) { |
| .hero-title { |
| font-size: 2.5rem; |
| } |
| |
| .hero-subtitle { |
| font-size: 1rem; |
| } |
| } |
