| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); |
|
|
| body { |
| font-family: 'Inter', sans-serif; |
| } |
|
|
| |
| ::-webkit-scrollbar { |
| width: 8px; |
| } |
| ::-webkit-scrollbar-track { |
| background: #f1f1f1; |
| } |
| ::-webkit-scrollbar-thumb { |
| background: #1976D2; |
| border-radius: 4px; |
| } |
| ::-webkit-scrollbar-thumb:hover { |
| background: #0D47A1; |
| } |
| |
| .fade-in { |
| animation: fadeIn 0.3s ease-in-out; |
| } |
|
|
| @keyframes fadeIn { |
| from { opacity: 0; transform: translateY(10px); } |
| to { opacity: 1; transform: translateY(0); } |
| } |
|
|
| |
| .form-input:focus { |
| border-color: #1976D2; |
| box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2); |
| } |
|
|
| .form-checkbox:focus { |
| border-color: #1976D2; |
| box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.2); |
| } |
| |
| @media (max-width: 768px) { |
| .hero-text { |
| font-size: 2.5rem; |
| } |
| } |
