:root{--bg-primary:#0b1220;--bg-secondary:#0f1a2b;--bg-tertiary:#14233a;--surface:#101b2e;--border:#22314a;--border-radius:12px;--accent-primary:#4da3ff;--accent-secondary:#7c5cff;--accent-glow:#2dd4bf;--text-primary:#e6edf7;--text-secondary:#a9b4c7;--text-muted:#6b7a90;--link:#4da3ff;--link-hover:#7ab8ff;--code-text:#c7d2fe}html{scroll-behavior:smooth}.debug{border:1px solid red}.debug.blue{border:1px solid #00f}.debug.green{border:1px solid green}.debug.gold{border:1px solid gold}.debug.purple{border:1px solid purple}.debug.orange{border:1px solid orange}.debug.dashed{border:1px dashed red}.debug.dashed.gold{border:1px dashed gold}.debug.dashed.blue{border:1px dashed #00f}.debug.dashed.green{border:1px dashed green}.debug.dotted{border:1px dotted red}.debug.dotted.gold{border:1px dotted gold}.debug.dotted.blue{border:1px dotted #00f}.debug.dotted.green{border:1px dotted green}.main{background-color:var(--bg-primary);max-width:var(--max-page-width);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0;display:flex}h1{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}h3{color:var(--text-primary);justify-content:start;align-items:start;margin-bottom:.5rem;font-size:1.75rem}h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}section{color:var(--text-primary)}p{color:var(--text-primary);font-size:1.25rem}a{color:var(--link);font-weight:var(--link-text-weight);text-decoration:none}a:hover{text-decoration:underline;transition:transform .2s;transform:translateY(-2px)}li{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem}li.square{margin-left:1.5rem;list-style-type:square}li.circle{margin-left:1.5rem;list-style-type:circle}li.dot{margin-left:1.5rem;list-style-type:disc}li.dash{margin-left:1.5rem;list-style-type:"─";position:relative}li.sublist{color:var(--text-secondary);margin-bottom:0;font-size:.9rem;border-bottom:none!important}.hero{border:1px solid var(--border);border-radius:var(--border-radius);flex-direction:row;justify-content:center;align-items:stretch;max-width:90%;margin-bottom:3rem;display:flex}.hero-left{background-color:var(--bg-secondary);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:start;width:50%;padding-left:10%;display:flex}.hero-right{text-align:right;background-color:var(--bg-secondary);border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);flex-direction:column;justify-content:center;align-items:end;width:50%;padding-right:10%;display:flex}.projectHeader{text-align:center;margin-top:2rem;margin-bottom:1rem}.overview{margin-bottom:2rem}.aboutSummary{color:var(--text-secondary);text-align:left;max-width:90%;margin:0 auto;font-size:1.25rem}.buffer{margin-top:1.5rem;margin-bottom:1.5rem}.divider{background-color:var(--border);justify-content:center;width:90%;height:1.5px;margin:2rem auto;display:flex}.divider.thin{height:.5px;margin:1rem auto}.textContainer{text-align:center;flex-direction:column;max-width:90%;margin:1rem auto;display:flex}.leftAlign{text-align:left;flex-direction:column;justify-content:start;align-items:start;width:100%;display:flex}.rightAlign{text-align:right;flex-direction:column;justify-content:start;align-items:end;display:flex}.flushedTop{margin-top:0!important}.flushedBottom{margin-bottom:0!important}.homeLink{color:var(--link-text-color);justify-content:start;align-items:start;width:100%;margin-top:2rem;margin-bottom:2rem;text-decoration:none;display:flex}.viewAllProjects{color:var(--link-text-color);font-size:1.25rem;font-weight:var(--link-text-weight);justify-content:center;align-items:center;width:100%;margin-top:2rem;text-decoration:none;display:flex}.skillsList{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);flex-flow:column wrap;gap:1rem;padding:1rem 2rem;list-style:none;display:flex}.skillsList li{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.5rem 1rem;font-size:1rem}.skillContainer{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.skillsContainer.parent{flex-direction:row;justify-content:center;align-items:start;gap:2rem;display:flex}.featuredProjects{justify-content:center;gap:2rem;display:grid}.projects{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.projectCard{border:1px solid var(--border);border-radius:var(--border-radius);color:inherit;background-color:var(--bg-secondary);padding:1rem;text-decoration:none;transition:box-shadow .3s}.projectCard:hover{transition:transform .3s,box-shadow .3s;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.projectCard p{color:var(--text-primary)}.projectGrid{flex-direction:column;gap:2.5rem;display:flex}.projectGrid.equalize{width:80%;margin:0 auto}.projectListingCard{border:1px solid var(--border);border-radius:var(--border-radius);color:inherit;background-color:var(--bg-secondary);padding:1rem;text-decoration:none;transition:box-shadow .3s}.projectListingCard:hover{transition:transform .3s,box-shadow .3s;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.projectListingCard p{color:var(--text-secondary)}.profilePic{object-fit:cover;border-radius:50%;margin-top:2rem;margin-bottom:2rem}.footer{border-top:1px solid var(--border);width:100%;max-width:var(--max-page-width);background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1rem;padding-top:1rem;padding-bottom:2rem;display:flex}.footer ul{flex-direction:row;justify-content:center;gap:1rem;padding:0;list-style:none;display:flex}.footer a{color:var(--link);text-decoration:none}.footer a:hover{text-decoration:underline;transition:transform .2s;transform:translateY(-2px)}nav{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.header{border-bottom:1px solid var(--border);width:100%;max-width:var(--max-page-width);background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding-top:1rem;padding-bottom:1rem;display:flex}.header ul{flex-direction:row;justify-content:center;gap:1rem;padding:0;list-style:none;display:flex}header .homeLink{color:var(--link);justify-content:start;align-items:start;width:100%;margin-top:0;margin-bottom:0;text-decoration:none;display:flex}.navGrid{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.navGirdItem,.navGirdItemLeft{grid-area:1/1/2/2;width:100%}.navGirdItemMiddle{grid-area:1/2/2/4}.navGirdItemRight{grid-area:1/4/2/5}.naviItems{justify-content:center;align-items:center;width:100%;display:flex}@media (max-width:768px){.navGrid{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr}.navGirdItem,.navGirdItemLeft,.navGirdItemMiddle,.navGirdItemRight{grid-area:auto}.naviItems,.skillsContainer.parent{flex-direction:column}.skillContainer{width:100%}.hero{border:none;flex-direction:column}.hero-left,.hero-right{text-align:center;justify-content:center;align-items:center;width:90%;margin:0 auto;padding:2rem;text-align:center!important}.hero-left{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-color:var(--border);border-width:1px 1px 0;border-bottom-right-radius:0;border-bottom-left-radius:0}.hero-right{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-color:var(--border);border-width:0 1px 1px;border-top-left-radius:0;border-top-right-radius:0}.rightAlign{text-align:center;justify-content:center;align-items:center}.navGirdItemLeft,.navGirdItemRight{display:none}.navGrid{grid-template-rows:repeat(1,.5fr)}.overview .textContainer{text-align:center!important;justify-content:center!important;align-items:center!important}}
