@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#f6f3ed;--surface:#fffdf9;--ink:#142033;--muted:#617080;--line:#d8d4cb;--accent:#ec5c38;--sky:#cbeeff;--night:#0f1726}.dark-mode{--bg:#101827;--surface:#172234;--ink:#eff5ff;--muted:#aebdce;--line:#2d3c51;--accent:#ff9778;--sky:#182943;--night:#0a1020}.App{background:#f6f3ed;background:var(--bg);color:#142033;color:var(--ink);font-family:Manrope,sans-serif;min-height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,#f6f3ed 88%,transparent);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid #d8d4cb;border-bottom:1px solid var(--line);display:flex;justify-content:space-around;position:fixed;top:0;width:100%;z-index:5}.header div{padding:1rem}.logo{border-right:1px solid #d8d4cb;border-right:1px solid var(--line);font-weight:800}.nav{flex:1 1;text-align:center}.nav a{color:#617080;color:var(--muted);font-size:.86rem;margin:.6rem}.nav a:hover,a:hover{color:#ec5c38;color:var(--accent)}a{color:inherit;text-decoration:none}.console{border-left:1px solid #d8d4cb;border-left:1px solid var(--line)}.toggle--checkbox{display:none}.toggle--label{background:#85d6f0;border:2px solid #4bafd0;border-radius:2rem;cursor:pointer;display:block;height:28px;position:relative;width:58px}.toggle--label:before{background:#fff2a4;border:2px solid #e8d15a;border-radius:50%;content:"";height:22px;left:1px;position:absolute;top:1px;transition:.25s;width:22px}.toggle--checkbox:checked+.toggle--label{background:#263c62;border-color:#080e19}.toggle--checkbox:checked+.toggle--label:before{background:#f4f6ff;border-color:#bdc8db;-webkit-transform:translateX(28px);transform:translateX(28px)}.toggle--label-background{display:none}.intro{min-height:700px;padding-top:61px}.sky{align-items:center;background:radial-gradient(circle at 75% 30%,#fff7c4 0,transparent 15%),linear-gradient(145deg,#cbeeff,#f6f3ed 72%);background:radial-gradient(circle at 75% 30%,#fff7c4 0,transparent 15%),linear-gradient(145deg,var(--sky),var(--bg) 72%);display:flex;justify-content:center;min-height:calc(100vh - 61px);overflow:hidden;position:relative}.dark-mode .sky{background:radial-gradient(circle at 75% 30%,#dce6ff 0,transparent 12%),linear-gradient(145deg,#0f1726,#f6f3ed 72%);background:radial-gradient(circle at 75% 30%,#dce6ff 0,transparent 12%),linear-gradient(145deg,var(--night),var(--bg) 72%)}.intro-heading{max-width:800px;padding:4rem 1.5rem;position:relative;text-align:center;z-index:2}.kicker{color:#ec5c38;color:var(--accent);font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.intro h1,.section-heading h2{font-size:clamp(2.7rem,7vw,5.8rem);letter-spacing:-.07em;line-height:1.02;margin:.6rem 0 1.2rem}.intro-copy{color:#617080;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0 auto;max-width:600px}.hero-actions{display:flex;gap:.75rem;justify-content:center;margin-top:2rem}.button{border-radius:999px;font-weight:700;padding:.75rem 1.15rem}.button-primary{background:#ec5c38;background:var(--accent);color:#fff}.button-secondary{border:1px solid #d8d4cb;border:1px solid var(--line)}.sun-container{position:absolute;right:14%;top:16%}.sun{background:#ffd859;border-radius:50%;box-shadow:0 0 0 22px #ffd85930,0 0 65px #ffd85988;height:78px;width:78px}.dark-mode .sun{background:#edf3ff;box-shadow:0 0 0 20px #d8e3ff16,0 0 55px #d8e3ff55}.clouds{display:none}#about,#projects{margin:auto;max-width:1120px;padding:7rem 1.5rem}.section-heading{max-width:650px}.section-heading h2{font-size:clamp(2.2rem,4vw,3.7rem)}.section-heading>p:last-child{color:#617080;color:var(--muted);line-height:1.65}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.project-card{background:#fffdf9;background:var(--surface);border:1px solid #d8d4cb;border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;min-height:340px;padding:1.5rem;transition:border .2s,-webkit-transform .2s;transition:transform .2s,border .2s;transition:transform .2s,border .2s,-webkit-transform .2s}.project-card:hover{border-color:#ec5c38;border-color:var(--accent);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.project-number{color:#ec5c38;color:var(--accent);font-family:DM Mono,monospace}.project-card h3{font-size:1.5rem;margin:2.4rem 0 .6rem}.project-card>p{color:#617080;color:var(--muted);line-height:1.65}.stack{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:auto 0 1.3rem;padding:0}.stack li{border:1px solid #d8d4cb;border:1px solid var(--line);border-radius:999px;font-family:DM Mono,monospace;font-size:.7rem;padding:.35rem .55rem}.project-links{display:flex;font-size:.86rem;font-weight:800;gap:1rem}.project-links a{color:#ec5c38;color:var(--accent)}#about{grid-gap:3rem;border-top:1px solid #d8d4cb;border-top:1px solid var(--line);display:grid;gap:3rem;grid-template-columns:190px 1fr}.about-image{grid-row:span 2}.me{border:1px solid #d8d4cb;border:1px solid var(--line);border-radius:16px;max-width:100%}.bio{color:#617080;color:var(--muted);line-height:1.75}.bio p{margin:0 0 1rem}.bio a{color:#ec5c38;color:var(--accent);font-weight:700}.footer{border-top:1px solid #d8d4cb;border-top:1px solid var(--line);color:#617080;color:var(--muted);padding:2rem;text-align:center}@media(max-width:760px){.nav a{margin:.35rem}.intro{min-height:600px}#about,.project-grid{grid-template-columns:1fr}.about-image{display:none}.hero-actions{flex-wrap:wrap}.header .nav{display:none}}:root{--scroll:#d0b530}html.dark-mode{--scroll:#fdfd96}.progressMainWrapper{background:transparent;height:5px;left:0;position:fixed;top:0;width:100%;z-index:2}.progressMainStyle{background-color:#d0b530;background-color:var(--scroll);height:5px}
/*# sourceMappingURL=main.2d2c00fe.css.map*/