#navigation{position:fixed;width:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem 0;margin-top:20px;z-index:1000}#navigation ul{display:flex;justify-content:center;list-style:none;gap:2rem}#navigation a{padding:.5rem 1rem;border-radius:25px;transition:all .3s ease;cursor:pointer;font-weight:500}#navigation a:hover{background-color:var(--color-primary);color:#fff}.btn{padding:.75rem 1.5rem;border-radius:25px;font-weight:500;transition:all .3s ease;background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn:hover{background-color:var(--color-primary);color:#fff;cursor:pointer}#home{text-align:center}.home-content h1{margin-bottom:1rem;font-weight:700}.home-content h2{font-size:2rem;margin-bottom:1.5rem;font-weight:300;opacity:.9}.home-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.8}.headshot{width:16rem;aspect-ratio:1;border-radius:50%;margin-bottom:2rem;border:2px solid var(--color-primary);object-fit:cover}.home-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}#about{background-color:#fff}.about-content{max-width:800px;text-align:center}.about-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.detail-item{background-color:var(--color-background);padding:1rem;border-radius:10px;border-left:4px solid var(--color-primary)}.skills-content{margin-top:2.5rem;max-width:950px;width:100%}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100%,1fr));gap:2rem}.skill-category{background-color:#fff;padding:2rem;border-radius:10px;text-align:center}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.skill-tag{background-color:var(--color-accent1);padding:.25rem 1rem;border-radius:12px;font-size:.9rem;font-weight:500}#projects{background-color:#fff}.projects-content{max-width:1100px;width:100%}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background-color:var(--color-background);border-radius:10px;overflow:hidden;transition:transform .3s ease}.project-card:hover{transform:translateY(-2px)}.project-info{padding:2rem}.project-info p{margin-bottom:1.5rem;line-height:1.6}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:var(--color-accent1);color:var(--font-color);padding:.25rem 1rem;border-radius:12px;font-size:.8rem}.project-links{display:flex;gap:1rem;flex-wrap:wrap}#contact{background-color:var(--color-background)}.contact-content{max-width:1000px;width:100%}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem}.contact-info h3{color:var(--font-color);margin-bottom:1rem;font-size:1.8rem}.contact-info p{color:#555;margin-bottom:2rem;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;width:fit-content;flex-direction:column;gap:.5rem}@media (max-width: 768px){section{padding:5rem 1rem 1rem}.home-content h1{font-size:2.5rem}.home-content h2{font-size:1.5rem}.home-buttons{flex-direction:column;align-items:center}.headshot{width:60%;aspect-ratio:1}.skills-grid,.projects-grid,.contact-grid{grid-template-columns:1fr}#navigation{margin-top:0}#navigation ul{gap:1rem;flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}p{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.8;color:var(--color-accent2)}:root{--color-primary: #e43636;--color-background: #f6efd2;--color-accent1: #92e75a;--color-accent2: #333}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-background);color:var(--color-accent2);line-height:1.6;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}section{min-height:100vh;padding:6rem 2rem 2rem;display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}h1{font-size:3.5rem}h2{font-size:2.5rem}h1,h2{color:var(--color-primary)}h3,h4,h5,h6{color:var(--color-accent2);margin-bottom:1rem;font-size:1.5rem}a{transition:color .2s ease-in-out;text-decoration:none;color:var(--color-primary)}a:hover{color:var(--color-accent2)}.container{width:90%;max-width:1200px;margin:0 auto}.center{display:flex;justify-content:center;align-items:center}