| @keyframes pulse { |
| 0%, 100% { |
| opacity: 1; |
| } |
| 50% { |
| opacity: 0.5; |
| } |
| } |
|
|
| @keyframes spin { |
| from { |
| transform: rotate(0deg); |
| } |
| to { |
| transform: rotate(360deg); |
| } |
| } |
|
|
| .spinner { |
| border: 4px solid rgba(255, 255, 255, 0.3); |
| border-radius: 50%; |
| border-top: 4px solid #3b82f6; |
| width: 30px; |
| height: 30px; |
| animation: spin 1s linear infinite; |
| margin: 0 auto; |
| } |
|
|
| #upload-container:hover { |
| transform: translateY(-2px); |
| } |
|
|
| .animate-pulse { |
| animation: pulse 2s infinite; |
| } |
|
|
| #hero-preview { |
| transition: all 0.3s ease; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| height: 8px; |
| } |
|
|
| ::-webkit-scrollbar-track { |
| background: #1a1a1a; |
| } |
|
|
| ::-webkit-scrollbar-thumb { |
| background: #3b82f6; |
| border-radius: 4px; |
| } |
|
|
| ::-webkit-scrollbar-thumb:hover { |
| background: #2563eb; |
| } |
