| @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| pre, code { | |
| font-family: 'Fira Code', monospace; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| height: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #c1c1c1; | |
| border-radius: 4px; | |
| } | |
| .dark ::-webkit-scrollbar-track { | |
| background: #374151; | |
| } | |
| .dark ::-webkit-scrollbar-thumb { | |
| background: #6B7280; | |
| } | |
| /* Animation for buttons */ | |
| .button-press { | |
| transition: transform 0.1s ease; | |
| } | |
| .button-press:active { | |
| transform: scale(0.95); | |
| } |