| /* Custom styles */ | |
| @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| } | |
| code, pre { | |
| font-family: 'JetBrains Mono', monospace; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #1a202c; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #3a86ff; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #2563eb; | |
| } | |
| /* Smooth scrolling */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Animation for sections */ | |
| section { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| transition: opacity 0.6s ease-out, transform 0.6s ease-out; | |
| } | |
| section.visible { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } |