#root{margin:0 auto;--color-primary: #393D7E;--color-secondary: #5459AC;--color-nav: #212334;--color-accent: #7fefe4;--color-pink: #F2AEBB;--color-white: #FFF}body{font-family:Fira Code,monospace}html{scroll-behavior:smooth}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 2rem;background-color:var(--color-primary);color:var(--color-white)}#initial{justify-self:start}nav{justify-self:center;display:flex;gap:2rem;background-color:var(--color-nav);border-radius:25px;position:fixed;z-index:1}nav a{text-decoration:none;color:var(--color-white);padding:.5rem 1.5rem;border-radius:25px;transition:background .2s ease}nav a:hover{background-color:var(--color-secondary)}#Landing{height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:0;background-color:var(--color-primary);color:var(--color-accent)}.intro{font-size:2rem}.passion{color:var(--color-white)}#About{background-color:var(--color-white);padding:4rem;text-align:center}.About_content{max-width:750px;margin:1rem auto 0;text-align:center}.About_content img{width:180px;height:180px;border-radius:50%;object-fit:cover}.About_content p{margin:1.5rem auto;line-height:1.7}.About_text_1{max-width:650px}.About_text_2{max-width:550px}#Career{padding:4rem;background-color:var(--color-primary);color:var(--color-accent);text-align:center}#Career h2{margin-bottom:4rem}.Career_timeline{display:flex;justify-content:space-between;align-items:center;position:relative;margin-bottom:4rem}.Career_timeline:before{content:"";position:absolute;top:10px;left:0;right:0;height:3px;background:var(--color-secondary);z-index:0}.Career_item{position:relative;z-index:1;cursor:pointer;text-align:center}.Career_circle{width:20px;height:20px;border-radius:50%;margin:0 auto 8px;background:var(--color-secondary);transition:transform .2s ease}.Career_circle:hover{background-color:var(--color-accent)}.Career_item.active .Career_circle{background:var(--color-accent);transform:scale(1.5)}.Career_Title{color:var(--color-pink)}.Career_label{opacity:.8}.Career_item.active .Career_label{font-weight:800;opacity:1}.Career_label:after{content:"";position:absolute;left:0;right:0;width:0%;transform:translateY(22px);height:2px;background:var(--color-accent);transition:width .3s ease}.Career_item.active .Career_label:after{width:100%}.Career_item span{font-size:.8rem}.Career_details{max-width:700px;margin:auto;color:var(--color-white);text-align:left}#Projects{background-color:var(--color-white);text-align:center}#Projects .github-link:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.github-link{font-weight:700;text-decoration:none;color:var(--color-accent)}.wheel-wrapper{position:relative}.wheel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:1rem 2rem}.project-card{display:flex;flex-direction:column;scroll-snap-align:center;background-color:var(--color-secondary);color:var(--color-white);border-radius:8px;transition:transform .3s ease,box-shadow .3 ease}.project-card img{width:100%;height:auto;border-radius:8px 8px 0 0}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem;align-items:flex-start;text-align:left}.repo-link{margin-top:auto;width:80%;align-self:center;background-color:#f2d1fc;padding:.75rem 1rem;text-align:center;color:#000;text-decoration:none;font-weight:600;border-radius:10px}.repo-link:hover{opacity:.8}.arrow{position:absolute;top:50%;transform:translateY(-50%);border:none;padding:.2rem .6rem;border-radius:50%;cursor:pointer;z-index:2;display:none}.arrow.forward{right:10px}.arrow-symbol{font-size:1.5rem}@media(min-width:1024px){.project-card{flex:0 0 40%}}@media(min-width:768px){.arrow{display:flex}}.btn{border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-pink);color:var(--color-white);border:2px solid var(--color-white)}.btn-primary:hover{background-color:var(--color-white);color:var(--color-pink)}.btn-secondary{background-color:var(--color-white);color:var(--color-pink);border:2px solid var(--color-pink)}.btn-secondary:hover{background-color:var(--color-pink);color:var(--color-white)}.footer{padding:2rem;margin-top:4rem;background-color:#000}.footer__content{display:flex;justify-content:space-between;align-items:center;color:var(--color-white)}.footer__links{display:flex;gap:1.5rem}.footer__links a{text-decoration:none;color:var(--color-white);transition:opacity .2s ease}.footer__links a:hover{opacity:.6}