Spaces:
Running
Running
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| line-height: 1.6; | |
| } | |
| /* Smooth scrolling for anchor links */ | |
| html { | |
| scroll-behavior: smooth; | |
| } | |
| /* Custom scrollbar */ | |
| ::-webkit-scrollbar { | |
| width: 8px; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #f1f1f1; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: #888; | |
| border-radius: 4px; | |
| } | |
| ::-webkit-scrollbar-thumb:hover { | |
| background: #555; | |
| } | |
| .dark ::-webkit-scrollbar-track { | |
| background: #1a1a1a; | |
| } | |
| .dark ::-webkit-scrollbar-thumb { | |
| background: #444; | |
| } | |
| .dark ::-webkit-scrollbar-thumb:hover { | |
| background: #666; | |
| } | |
| /* Profile links styling */ | |
| .profile-link { | |
| transition: all 0.3s ease; | |
| min-width: 150px; | |
| justify-content: center; | |
| } | |
| .profile-link:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); | |
| } | |
| .dark .profile-link:hover { | |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2); | |
| } | |
| /* 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); | |
| } | |
| /* Project card hover effect */ | |
| .custom-project-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .dark .custom-project-card:hover { | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3); | |
| } |