Spaces:
Running
Running
| /* Custom styles */ | |
| body { | |
| font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; | |
| scroll-behavior: smooth; | |
| line-height: 1.6; | |
| } | |
| /* Enhanced hero section */ | |
| #home { | |
| background: linear-gradient(135deg, #1e1e2e 0%, #3a1d6e 100%); | |
| } | |
| .profile-image { | |
| transition: transform 0.3s ease; | |
| } | |
| .profile-image:hover { | |
| transform: scale(1.05); | |
| } | |
| .hero-content { | |
| animation: fadeInUp 0.8s ease-out forwards; | |
| } | |
| @keyframes fadeInUp { | |
| from { | |
| opacity: 0; | |
| transform: translateY(20px); | |
| } | |
| to { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| } | |
| /* Timeline styling */ | |
| @media (max-width: 768px) { | |
| .timeline-center::before { | |
| left: 1.5rem ; | |
| } | |
| .timeline-item::before { | |
| left: 0.75rem ; | |
| } | |
| } | |
| /* Custom animation */ | |
| @keyframes float { | |
| 0% { transform: translateY(0px); } | |
| 50% { transform: translateY(-20px); } | |
| 100% { transform: translateY(0px); } | |
| } | |
| .floating { | |
| animation: float 6s ease-in-out infinite; | |
| } | |
| /* Section spacing */ | |
| section { | |
| scroll-margin-top: 80px; | |
| } |