| |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: rgba(255, 255, 255, 0.1); |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: rgba(139, 92, 246, 0.5); |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: rgba(139, 92, 246, 0.7); |
| } |
|
|
| |
| .glass { |
| background: rgba(255, 255, 255, 0.1); |
| backdrop-filter: blur(10px); |
| border: 1px solid rgba(255, 255, 255, 0.2); |
| } |
|
|
| |
| .gradient-text { |
| background: linear-gradient(45deg, #8b5cf6, #ec4899, #3b82f6); |
| background-size: 200% 200%; |
| animation: gradient-shift 3s ease infinite; |
| } |
|
|
| @keyframes gradient-shift { |
| 0% { background-position: 0% 50%; } |
| 50% { background-position: 100% 50%; } |
| 100% { background-position: 0% 50%; } |
| } |
|
|
| |
| .pulse-glow { |
| animation: pulse-glow 2s infinite; |
| } |
|
|
| @keyframes pulse-glow { |
| 0% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0.7); } |
| 70% { box-shadow: 0 0 0 10px rgba(139, 92, 246, 0); } |
| 100% { box-shadow: 0 0 0 0 rgba(139, 92, 246, 0); } |
| } |
|
|
| |
| * { |
| transition: all 0.2s ease-in-out; |
| } |
