*{box-sizing:border-box}html,body{background:#f6efe7;margin:0;padding:0;font-family:system-ui,sans-serif;overflow-x:hidden}:root{--PRIMARY:#8a6247;--PRIMARY-DARK:#6d4d39;--SECONDARY:#f6efe7;--TEXT:#3b312b}.sidebar{z-index:100;background:#967259;justify-content:center;align-items:center;width:100px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar nav{flex-direction:row;gap:4rem;display:flex;position:absolute;transform:translate(7%);rotate:-90deg;}.sidebar a{color:#fff;width:150px;font-size:1.2rem;text-decoration:none}.landingDiv{justify-content:space-between;align-items:center;min-height:100vh;padding:0 8% 0 160px;display:flex;position:relative;overflow:hidden}.landingDiv:before{content:"";background:var(--SECONDARY);z-index:-1;width:40%;position:absolute;inset:0 auto 0 0}.landingContent{width:40%}.landingContent h1{margin:.5rem 0;font-size:clamp(2.5rem,6vw,4rem)}.landingContent h2{color:var(--PRIMARY)}.landingContent p{color:#666;line-height:1.7}.heroRight{justify-content:center;width:50%;display:flex}.heroButton{background:var(--PRIMARY);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:1.5rem;padding:14px 32px}.heroButton:hover{background:var(--PRIMARY-DARK)}.codeWindow{color:#d4d4d4;white-space:pre-wrap;background:#1e1e1e;border-radius:18px;width:min(500px,100%);max-width:500px;padding:2rem;font-family:JetBrains Mono,monospace;animation:6s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-10px)}}.cursor{animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.projectsDiv h1{text-align:center;color:#4f3b2d;margin:70px 0 20px;font-size:clamp(2rem,5vw,3rem)}.displayDiv{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1300px;margin:auto;padding:0 20px 60px;display:grid}.logoCard{color:#2f2f2f;background:#fff;border-radius:18px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 6px 20px #00000014}.logoCard:hover{transform:translateY(-8px)}.logoCard img{object-fit:cover;width:100%;height:180px}.projectName{text-align:center;padding:20px;font-weight:600}.aboutSection{justify-content:space-between;align-items:center;gap:60px;min-height:100vh;padding:80px 8%;display:flex}.aboutImage{flex:1;justify-content:center;display:flex}.aboutImage img{object-fit:cover;border:4px solid var(--PRIMARY);border-radius:20px;width:280px;height:280px}.aboutContent{flex:1;max-width:600px}.aboutContent h1{color:var(--PRIMARY);font-size:clamp(2rem,5vw,3.5rem)}.aboutContent h2{font-size:clamp(1.5rem,4vw,2rem)}.aboutContent p{color:#5c4a3d;font-size:1.1rem;line-height:1.8}.skills{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.skills span{border:2px solid var(--PRIMARY);border-radius:20px;padding:8px 18px}.skills span:hover{background:var(--PRIMARY);color:#fff}.contactDiv{background:#fff;border-radius:20px;max-width:700px;margin:60px auto;padding:3rem}.contactForm{flex-direction:column;gap:1.5rem;display:flex}.contactForm label{grid-template-columns:100px 1fr;align-items:center;gap:1rem;display:grid}.contactForm input,.contactForm textarea{width:100%;padding:.75rem}.contactForm button{background:var(--PRIMARY);color:#fff;border:none;align-self:center;padding:.8rem 2rem}@media (width<=900px){body{padding-top:70px}.landingDiv{min-height:calc(100vh - 70px);padding-top:40px}.sidebar{width:100%;height:70px}.sidebar nav{gap:2rem;position:static;transform:none}.sidebar a{width:auto;font-size:1rem}.landingDiv{text-align:center;flex-direction:column;gap:50px;padding:110px 30px 50px}.landingDiv:before{width:100%;height:50%}.landingContent,.heroRight{width:100%}.aboutSection{text-align:center;flex-direction:column;gap:40px;padding:60px 30px}.aboutContent{max-width:100%}.skills{justify-content:center}.contactDiv{margin:40px 20px;padding:2rem}}@media (width<=700px){.contactForm label{grid-template-columns:1fr}}@media (width<=500px){.heroButton{width:100%}.codeWindow{padding:1.25rem;font-size:13px}.aboutImage img{width:180px;height:180px}}