:root{--border-alpha:.15;--border-radius:1rem;--section-padding:1.5rem;--content-width:70rem;--md-sys-color-background:#060e11a6;--md-sys-color-surface:#182225cc;--md-sys-color-on-surface:#fff;--md-sys-color-border:hsla(196 0% 100% / var(--border-alpha))}@media (prefers-color-scheme:light){:root{--md-sys-color-background:#d0dee3a6;--md-sys-color-surface:#f1fbffcc;--md-sys-color-on-surface:#020202;--md-sys-color-border:hsla(196 0% 0.8% / var(--border-alpha))}}@media (prefers-contrast:more){:root{--border-alpha:.9}}@media (prefers-color-scheme:dark){img[data-invertible]{filter:url(#invert-filter)}}@font-face{font-family:Lilex;font-weight:100 700;font-display:swap;src:local(Lilex),url(/fonts/Lilex/Lilex-VariableFont_wght.woff2)format("woff2"),url(/fonts/Lilex/Lilex-VariableFont_wght.ttf)format("truetype")}@font-face{font-family:Lilex;font-weight:100 700;font-display:swap;font-style:italic;src:local(Lilex),url(/fonts/Lilex/Lilex-Italic-VariableFont_wght.woff2)format("woff2"),url(/fonts/Lilex/Lilex-Italic-VariableFont_wght.ttf)format("truetype")}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;scroll-behavior:smooth;width:100%;height:100%;scroll-padding-top:7rem;overflow-y:auto}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html:before{content:"";z-index:-1;width:100%;height:100%;position:fixed;background:linear-gradient(var(--md-sys-color-background), var(--md-sys-color-background)), url(/bg.webp) center center / 100vw 100vh #035f63 no-repeat!important}body{color:var(--md-sys-color-on-surface);font-family:Lilex,Droid Sans Mono,Fira Code,Fira Mono,JetBrains Mono,ui-monospace,monospace}a{color:inherit;text-decoration:underline}code{background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);opacity:.9;margin:-.2em;padding:.2em;font-family:inherit}img.mock-mac-os-icon{padding:calc(var(--img-size) / 10);border-radius:calc(var(--img-size) * .25)}header{padding:1rem;padding-inline:calc(max(0px, (100vw - var(--content-width)) / 2) + 1rem);z-index:1;--pfp-width:min(10vw, 5rem);flex-flow:wrap;gap:1rem;transition:background-color .2s ease-out;display:flex;position:sticky;top:0}header .pfp{z-index:1;grid-area:pfp}header .pfp img{width:var(--pfp-width);box-sizing:content-box;height:auto}header .titles{transform:translate(calc(-1 * var(--pfp-width) - 1rem), var(--pfp-width));grid-area:titles;align-self:center;transition:transform .2s ease-out}header.scrolled{background-color:var(--md-sys-color-background);-webkit-backdrop-filter:blur(128px);backdrop-filter:blur(128px)}header.scrolled .titles{transform:translate(0)}header h1+p{margin-top:-.25rem;margin-bottom:-.5rem;font-size:1.5rem;font-style:italic;font-weight:300}main{scrollbar-width:thin;max-width:var(--content-width);margin:auto;padding-bottom:1px;padding-left:1rem;padding-right:1rem;transition:padding-left .1s ease-out,padding-right .1s ease-out}@media (width<=80rem){main{padding-left:.5rem;padding-right:.5rem}}@media print{html{height:auto}body{background:0 0}main{grid-column:1/-1;height:auto;overflow:visible}a{text-decoration:none}a:after{content:" (" attr(href) ")";opacity:.8;font-style:italic;font-weight:300}a[href^=\#]:after,section .section-header .technologies a:after{content:""}}section{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);padding:var(--section-padding);border-radius:var(--border-radius);border:1px solid var(--md-sys-color-border);margin-bottom:2rem}section h2{margin-bottom:1.5rem}section h2 a{text-decoration:none}section p,section ul{margin-bottom:.75rem}section ul{padding-inline-start:1.5rem}section .date{text-align:end;opacity:.9;margin-bottom:0;font-style:italic;font-weight:300}section .section-header{flex-flow:wrap;align-items:center;margin-bottom:1.5rem;display:flex}section .section-header img{--img-size:2em;height:var(--img-size);width:auto;max-width:calc(var(--img-size) * 1.5);margin-inline-end:.5rem}section .section-header h2{flex:1 0;align-content:center;margin-bottom:0;padding-inline-end:.5rem}section .section-header .technologies{text-align:end;flex:1 0}section .section-header .technologies>:last-child img{margin-inline-end:0}section .section-header .date-mobile{display:none}@media (width<=40rem){section .section-header .date-desktop{display:none}section .section-header .date-mobile{text-align:center;flex:1 0 50vw;display:block}section .section-header .technologies{flex:none}}section .section-images{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--section-padding));padding-inline:var(--section-padding);margin-bottom:calc(-1 * var(--section-padding));padding-bottom:var(--section-padding);gap:1rem;display:flex;overflow-x:auto}section .section-images>*{border-radius:var(--border-radius);cursor:zoom-in;flex-shrink:0}section .section-images img{--img-size:min(33vh, 33vw);height:var(--img-size);border-radius:var(--border-radius);border:.1px solid var(--md-sys-color-border);width:auto}.section-dialog{flex-flow:column;width:90vw;margin:1rem auto;display:flex}.section-dialog,.section-dialog .MuiDialog-paper{color:var(--md-sys-color-on-surface);border-radius:var(--border-radius)}.section-dialog .MuiDialog-paper{background:var(--md-sys-color-surface);-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px)}.section-dialog .section-dialog-header{flex-flow:row;margin-bottom:1rem;padding:1rem;display:flex}.section-dialog .section-dialog-header .spacer{flex:1}.section-dialog .section-dialog-header .section-dialog-button{appearance:none;cursor:pointer;background:0 0;border:none;padding:.5rem}.section-dialog .section-dialog-header .section-dialog-button[disabled]{cursor:default}.section-dialog .section-dialog-header .section-dialog-nav{flex-flow:row;gap:1rem;padding-inline:1rem;display:flex}.section-dialog .section-dialog-header .section-dialog-nav>p{padding-block:.5rem}.section-dialog .section-dialog-wrapper{flex:1;width:100%}.section-dialog .section-dialog-wrapper .section-dialog-content{width:100%}.section-dialog .section-dialog-wrapper .section-dialog-content img{object-fit:contain;border-radius:var(--border-radius);flex:1;width:100%;height:auto;max-height:90lvh}