:root{--border: 1px rgb(238, 238, 238) solid;--header-section-w: 40vw }#toggle-header[data-astro-cid-3ef6ksr2]{cursor:pointer;margin-bottom:.4em}#toggle-header[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{font-size:1rem;margin-left:1px;line-height:0;display:inline-block;transition:transform .2s ease}#toggle-header[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2].rotate{transform:rotate(45deg)}#about-container[data-astro-cid-3ef6ksr2]{padding:.4em;border-right:var(--border)}#header-content[data-astro-cid-3ef6ksr2]{padding:.4em .4em 0;box-sizing:border-box;width:var(--header-section-w);border-right:var(--border)}#current[data-astro-cid-3ef6ksr2]{width:20vw}header[data-astro-cid-3ef6ksr2]{display:flex}#about[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:inline-block;transform:translateY(2px);line-height:0;font-size:1.3rem;font-weight:200}#about[data-astro-cid-3ef6ksr2] p[data-astro-cid-3ef6ksr2]:first-of-type{margin-bottom:.25em}#about[data-astro-cid-3ef6ksr2] p[data-astro-cid-3ef6ksr2]:last-of-type{padding-bottom:7px}#contact[data-astro-cid-3ef6ksr2]{padding:7px;display:flex;flex:1;justify-content:end;gap:.5em}#contact[data-astro-cid-3ef6ksr2] [data-astro-cid-3ef6ksr2]{font-size:.85rem}#about[data-astro-cid-3ef6ksr2]{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s}#about[data-astro-cid-3ef6ksr2] div[data-astro-cid-3ef6ksr2]{overflow:hidden}#about[data-astro-cid-3ef6ksr2].open{grid-template-rows:1fr}@media screen and (max-width: 1100px){:root{--header-section-w: 50vw}#current[data-astro-cid-3ef6ksr2]{width:var(--header-section-w)}#current[data-astro-cid-3ef6ksr2],#header-content[data-astro-cid-3ef6ksr2]{box-sizing:border-box;border-bottom:var(--border)}header[data-astro-cid-3ef6ksr2]{flex-wrap:wrap}#contact[data-astro-cid-3ef6ksr2]{justify-content:start}}@media screen and (max-width: 500px){:root{--header-section-w: 100vw}#current[data-astro-cid-3ef6ksr2],#header-content[data-astro-cid-3ef6ksr2],#contact[data-astro-cid-3ef6ksr2]{box-sizing:border-box}}@font-face{font-family:geist;src:url(/fonts/Geist-Regular.woff2);font-display:swap}@font-face{font-family:geist;src:url(/fonts/Geist-Medium.woff2);font-weight:600;font-display:swap}html,body{margin:0;font-family:geist;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.2}body{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}main{background-color:#fff;position:relative;border-top:var(--border)}header{position:sticky;top:0;z-index:0;width:100vw;background-color:#fff}footer{padding:7px;align-content:end;flex:1}footer p{font-size:.8rem}p,h1,h2,h3,ul,li{font-size:.9rem;padding:0;margin:0}h1{font-weight:400}h2:nth-of-type(1){margin-top:5px}button{font-size:.85rem}a{color:inherit;text-decoration:none}.header{position:sticky;top:0;z-index:9999;background-color:#f6f6f6;padding:.35em .4em;box-sizing:border-box;display:grid;grid-template-columns:45px 1fr 150px 1fr;gap:1.5em}#projects .header:hover{cursor:pointer;background-color:transparent}.opened-project{position:absolute;left:50%;transform:translate(-50%);width:60vw;aspect-ratio:5/3;border-radius:3px}#last{margin-top:.5em}#current{padding:7px}#current span{margin-right:14px}#current span:before{content:"";display:inline-block;vertical-align:middle;background:#ff5eac;width:6px;height:6px;border-radius:50%;margin-right:7px;animation:opacity 1.5s infinite}.offline span{color:#c4c4c4}.online span:before{content:"";display:inline-block;vertical-align:middle;background:#5eff94;width:6px;height:6px;border-radius:50%;margin-right:7px;margin-left:4px}.offline span:before{content:"";display:inline-block;vertical-align:middle;background:#c4c4c4;width:5px;height:5px;border-radius:50%;margin-right:7px;margin-left:4px}img{max-width:100%}@keyframes opacity{0%,to{opacity:1}50%{opacity:0}}@media only screen and (hover: none) and (pointer: coarse){.project.open .link span{display:inline-block}.header:hover>.link{display:none!important}.header:hover>.online{display:block!important}.header:hover{background-color:#f6f6f6}}@media screen and (max-width: 500px){header{flex-direction:column}}