.navbar{color:#000;background-color:#e5e5e5;border-radius:8px;width:100vw;height:5vh;padding:5vh 2.5vw 4vh;position:sticky;box-shadow:0 4px 6px #0000001a}.navLeft,.navRight{align-items:center;gap:2vw;width:50vw;height:100%;list-style-type:none;display:flex}.navLeft{float:left}.navRight{float:right;justify-content:flex-end}.navLinks{gap:2vw;padding-bottom:1vh;display:flex;position:relative}.navLinks:after{content:"";background:#000;width:0%;height:2px;transition:width .25s ease-in-out;position:absolute;bottom:0;left:0}.navLinks:hover:after{width:100%}
.resumeContainer{gap:4vw;max-width:80vw;display:flex}.timeline{padding:20px 0 20px 25vw;position:relative}.timelineItem{cursor:pointer;align-items:center;gap:15px;height:80px;display:flex;position:relative}.timelineDate{color:#666;text-align:right;width:50px;font-size:14px;font-weight:400;line-height:1.3}.timelineMarker{flex-direction:column;align-items:center;display:flex;position:relative}.timelineDot{z-index:2;background:#333;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .3s;position:relative}.timelineDot.active{background:#d86c4f;transform:scale(1.1)}.timelineLine{z-index:1;background:#333;width:2px;height:80px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.contentSection{flex:1;align-items:flex-start;display:flex}.resumeCard{background:#fff;border-radius:12px;width:100%;padding:32px}.resumeCard h2{color:#111;margin:0 0 8px;font-size:28px;font-weight:700}.resumeCard h3{color:#333;margin:0 0 12px;font-size:20px;font-weight:500}.resumeMeta{color:#6b7280;border-bottom:1px solid #e5e7eb;margin:0 0 24px;padding-bottom:20px;font-size:14px}.resumeDescription{list-style:none}.resumeDescription li{color:#374151;margin-bottom:16px;padding-left:24px;font-size:15px;line-height:1.6;position:relative}.resumeDescription li:before{content:"•";color:#6b7280;font-weight:700;position:absolute;left:8px}.timeline-item:hover .timeline-dot:not(.active){background:#666;transform:scale(1.05)}@media (max-width:770px){.resumeContainer{flex-direction:column;gap:30px;max-width:100%;padding:0 5vw}.timeline{scrollbar-width:none;flex-direction:row;width:100%;padding-left:0;display:flex;overflow-x:auto}.timelineItem{gap:8px;align-items:left;flex-direction:column;flex-shrink:0;min-width:25px;height:auto;padding:0 5px}.timelineDate{text-align:center;color:#333;white-space:nowrap;width:100%;font-size:12px}.timelineMarker{z-index:10;flex-direction:row;justify-content:center;width:100%}.timelineLine{width:calc(100% + 8px);height:2px;position:absolute;top:6px;left:calc(50% + 7px);transform:none}.contentSection{width:100%;padding:0}.resumeCard{padding:24px}}
.aboutMeContainer{background-color:var(--background);color:var(--foreground);justify-content:center;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:4vw 4vw 4vw 0;display:flex}.aboutMeContainerLeft{flex:1;max-width:800px}.aboutMeContainerRight{flex-shrink:0;justify-content:flex-end;display:flex}.imageContainer{border-radius:4vw;justify-content:center;align-items:center;width:400px;height:400px;display:flex;overflow:hidden}.rotatingImg{object-fit:cover;border-radius:4vw;width:100%;height:100%;transition:opacity .5s ease-in-out}.fadeIn{opacity:1}.fadeOut{opacity:0}@media (max-width:1024px){.aboutMeContainer{text-align:center;flex-direction:column-reverse;gap:2rem;padding-top:4vh}.aboutMeContainerRight{justify-content:center;width:100%}.aboutMeContainerLeft{width:100%}}@media (max-width:425px){.imageContainer{border-radius:8vw;width:80vw;height:80vw}.rotatingImg{border-radius:8vw}}
.projectsContainer{align-items:center;width:100%;padding-top:2vh}.projectsHeader{text-align:center;color:#000;font-size:36px;font-weight:6000}.projectsSubtitle{text-align:center;color:#949494;padding-bottom:1vh;font-size:18px;font-weight:600}.carouselWrapper{justify-content:center;align-items:center;margin-bottom:32px;display:flex;position:relative;overflow:hidden}.carousel{-webkit-user-select:none;user-select:none;cursor:grab;flex:1;max-width:800px;padding-left:0;padding-right:0;position:relative;overflow:hidden}.carousel:active{cursor:grabbing}.carouselTrack{gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.carouselTrack.dragging{transition:none}.projectCard{opacity:.6;background-color:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-shrink:0;width:100%;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:scale(.9);box-shadow:0 4px 24px #0000001f}.projectCard.active{opacity:1;transform:scale(1)}.cardImage{background-position:50%;background-size:cover;width:100%;height:320px;position:relative}.imageOverlay{background:linear-gradient(#0000 0%,#0000001a 100%);position:absolute;inset:0}.cardContent{padding:32px}.cardTitle{color:#1a1a1a;letter-spacing:-.01em;margin-bottom:16px;font-size:28px;font-weight:700}.cardDescription{color:#666;margin-bottom:24px;font-size:16px;line-height:1.7}.tagsRow{justify-content:space-between;align-items:center;gap:16px;display:flex}.tags{flex-wrap:wrap;gap:10px;display:flex}.tag{color:#555;background-color:#f5f5f5;border-radius:24px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.viewProjectButton{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1a1a1a;border-radius:8px;flex-shrink:0;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.viewProjectButton:hover{background-color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.carouselIndicators{justify-content:center;gap:8px;margin-top:32px;display:flex}.indicator{cursor:pointer;background-color:#ddd;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .3s}.indicator.active{background-color:#333;width:32px}@media (max-width:770px){.projectsContainer{padding-top:1vh}.carousel{max-width:90vw}.projectCard{width:80vw}.cardImage{height:250px}.cardContent{padding:24px}.cardTitle{margin-bottom:12px;font-size:24px}.cardDescription{margin-bottom:20px;font-size:15px}.tagsRow{flex-direction:column;align-items:flex-start;gap:16px}.tags{gap:8px}.tag{padding:6px 12px;font-size:13px}.viewProjectButton{text-align:center;width:100%;padding:10px 20px;font-size:14px}}@media (max-width:425px){.projectsContainer{padding-top:.5vh}.carousel{max-width:95vw}.projectCard{border-radius:12px;width:100%}.cardImage{height:200px}.cardContent{padding:20px}.cardTitle{margin-bottom:10px;font-size:20px}.cardDescription{margin-bottom:16px;font-size:14px;line-height:1.6}.tagsRow{gap:12px}.tags{gap:6px}.tag{padding:5px 10px;font-size:12px}.viewProjectButton{padding:10px 16px;font-size:13px}.carouselIndicators{gap:6px;margin-top:24px}.indicator{width:6px;height:6px}.indicator.active{width:24px}}
.footerContainer{color:#000;background-color:#e5e5e5;border-radius:8px;width:100vw;height:5vh;padding:5vh 2.5vw 4vh;position:sticky;box-shadow:0 4px 6px #0000001a}.footerLeft,.footerRight{align-items:center;gap:2vw;width:50vw;height:100%;list-style-type:none;display:flex}.footerLeft{float:left}.footerRight{float:right;justify-content:flex-end}