*{margin:0;padding:0;box-sizing:border-box}body{color:#f2dbae;font-family:Roboto,sans-serif}nav{position:fixed;top:0;left:0;width:100%;z-index:100;background-color:#dedede;display:flex;justify-content:center;gap:2rem;padding:1rem 2rem}nav a{text-decoration:none;font-weight:500;color:#404959}section{min-height:100vh;padding:6rem 4rem 4rem}#home{background-image:url(/images/background.jpg);background-size:cover}#projects{background:#051026}#tech{background-color:#404959;color:#f2dbae}#about{background:#f2dbae;color:#012340}#contact{background:#0d0d0d}section h2{font-size:2rem;margin-bottom:2rem}.carousel{display:flex;align-items:center;gap:1.5rem}.carousel-btn{background:none;border:1.5px solid #404959;color:#f2dbae;font-size:2.2rem;line-height:1;width:2.8rem;height:2.8rem;border-radius:50%;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.carousel-btn:hover{background:#404959}.carousel-inner{flex:1}.carousel-slide{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;min-height:360px}.carousel-image{width:fit-content;height:fit-content;inline-size:fit-content;block-size:fit-content;border-radius:7px;border:2px solid #404959}.carousel-image img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.carousel-no-image{display:flex;align-items:center;justify-content:center;background:#0a1a2e;color:#404959;font-size:1.1rem;letter-spacing:.05em}.carousel-content{display:flex;flex-direction:column;gap:1rem}.carousel-content h3{font-size:1.8rem;font-weight:600;font-family:Inter,sans-serif;color:#f2dbae}.carousel-content p{font-size:.92rem;color:#f2dbae;line-height:1.7}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:#404959;cursor:pointer;padding:0;transition:background .2s}.carousel-dot.active{background:#f2dbae}.project-tech{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0}.project-tech li{font-size:.78rem;color:#f2dbae;border:1.5px solid #404959;padding:.2rem .6rem;border-radius:3px;font-weight:300}.project-links{display:flex;align-items:center;gap:1rem;margin-top:auto}.project-links a{text-decoration:none;color:#dedede;font-size:.85rem;display:flex;align-items:center;gap:.3rem;padding-bottom:2px}.project-links a:hover{color:#f2dbae}img.github-logo,img.link-icon{width:2rem}a.more-link{text-decoration:none;width:4rem;display:flex;margin:1em auto 0;justify-content:center;color:#051026;background-color:#dedede;padding:.3rem 3.1rem;border-radius:2.5rem;cursor:pointer}a.more-link:hover{background-color:#f2dbae}.tech-grid{display:flex;flex-wrap:wrap;gap:2.8rem;align-items:center}.tech-grid img{width:4.8rem;height:4.8rem;object-fit:contain;transition:opacity .2s,transform .2s}.tech-grid img:hover{opacity:1;transform:translateY(-3px)}.about-container{border-left:4px solid #404959;padding-left:2em}.about-paragraph{margin-bottom:.5em;line-height:1.5}h2.contact-header{margin-bottom:2em}.contact-item{margin-bottom:1.2em;display:flex;align-items:center;gap:2.6rem;text-decoration:none;color:#f2dbae;transition:opacity .2s ease,transform .2s ease}.contact-item:hover{opacity:.75;transform:translateY(-2px)}.contact-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.contact-icon svg{width:100%;height:100%}@media(max-width:768px){nav{gap:.6rem 1.2rem;padding:.7rem 1rem;flex-wrap:wrap;justify-content:center}nav a{font-size:.88rem}section{padding:5rem 1.2rem 3rem}section h2{font-size:1.5rem;margin-bottom:1.2rem}.carousel{flex-direction:column;gap:1rem}.carousel-btn{display:none}.carousel-slide{grid-template-columns:1fr;gap:1.5rem;min-height:auto}.carousel-image{aspect-ratio:16 / 6}.carousel-content h3{font-size:1.3rem}.carousel-dots{gap:.6rem}.carousel-nav-mobile{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.contact-grid{gap:2rem 2.5rem}.contact-icon{width:2.5rem;height:2.5rem}}
