.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}.timeline-item{cursor:pointer;align-items:center;gap:15px;height:80px;display:flex;position:relative}.timeline-date{color:#666;text-align:right;width:50px;font-size:14px;font-weight:400;line-height:1.3}.timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-dot{z-index:2;background:#333;border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:all .3s;position:relative}.timeline-dot.active{background:#d86c4f;transform:scale(1.1)}.timeline-line{z-index:1;background:#333;width:2px;height:80px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.content-section{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)}
.aboutMeContainer{background-color:var(--background);color:var(--foreground);gap:4vw;padding:1vh 4vw 0 0;display:flex}.aboutMeContainerLeft{float:left}.aboutMeContainerRight{float:right;width:25vw;margin-right:25vw;padding-left:5vw}.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}
.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{align-items:center;margin-bottom:32px;display:flex;position:relative;overflow:hidden}.carousel{-webkit-user-select:none;user-select:none;cursor:grab;flex:1;padding-left:20vw;padding-right:20vw;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;min-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}
.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}