:root{--md-sys-color-background: hsl(205 9% 11%);--md-sys-color-surface: hsl(205 14% 14%);--md-sys-color-on-surface: hsl(205 9% 89%);--md-sys-color-border: hsl(205 9% 89% / var(--border-alpha))}@media(prefers-color-scheme:light){:root{--md-sys-color-background: hsl(225 50% 95.7%);--md-sys-color-surface: hsl(225 100% 99.2%);--md-sys-color-on-surface: hsl(225 9% 11%);--md-sys-color-border: hsl(225 100% 11% / var(--border-alpha))}}@media(prefers-contrast:more){:root{--border-alpha: .9}}@media(prefers-color-scheme:dark){img[data-invertible]{filter:invert(1);filter:url(#invert-filter)}}:root{--border-alpha: .15;--border-radius: 1rem;--section-padding: 1.5rem;--scrollbar-color: color-mix( in hsl, var(--md-sys-color-on-surface) 50%, var(--md-sys-color-background) )}@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;padding:0;margin:0}html{width:100%;height:100%;color-scheme:dark light;overflow-y:auto;scroll-behavior:smooth;scroll-padding-top:7rem}html,body{background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);font-family:Lilex,Droid Sans Mono,Fira Code,Fira Mono,JetBrains Mono,ui-monospace,monospace}body{max-width:70rem;margin:auto}a{color:inherit;text-decoration:underline}code{font-family:inherit;padding:.2em;margin:-.2em;background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);opacity:.9}img.mock-mac-os-icon{padding:calc(var(--img-size) / 10);border-radius:calc(var(--img-size) * .25)}header{position:sticky;top:0;padding:1rem;background-color:var(--md-sys-color-background);z-index:1;display:flex;flex-flow:row wrap;gap:1rem;--pfp-width: min(10vw, 5rem)}header .pfp{grid-area:pfp;z-index:1}header .pfp img{width:var(--pfp-width);height:auto;box-sizing:content-box}header .titles{grid-area:titles;align-self:center;background-color:inherit;transform:translate(calc(-1 * var(--pfp-width) - 1rem),var(--pfp-width));transition:transform .2s ease-out}header.scrolled .titles{transform:translate(0)}header h1+p{font-size:1.5rem;font-weight:300;font-style:italic;margin-top:-.25rem;margin-bottom:-.5rem}main{scrollbar-color:var(--scrollbar-color) transparent;scrollbar-width:thin;padding-left:1rem;padding-right:1rem;padding-bottom:1px;transition:padding-left .1s ease-out,padding-right .1s ease-out}@media(max-width:80rem){main{padding-left:.5rem;padding-right:.5rem}}@media print{html{height:auto}body{background:none}main{grid-column:1 / -1;overflow:visible;height:auto}a{text-decoration:none}a:after{content:" (" attr(href) ")";font-style:italic;opacity:.8;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;font-weight:300;font-style:italic;opacity:.9;margin-bottom:0}section .section-header{display:flex;flex-flow:row wrap;margin-bottom:1.5rem;align-items:center}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;margin-bottom:0;padding-inline-end:.5rem;align-content:center}section .section-header .technologies{flex:1 0;text-align:end}section .section-header .technologies>*:last-child img{margin-inline-end:0}section .section-header .date-mobile{display:none}@media(max-width:40rem){section .section-header .date-desktop{display:none}section .section-header .date-mobile{display:block;flex:1 0 50vw;text-align:center}section .section-header .technologies{flex:none}}section .section-images{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin-inline:calc(-1 * var(--section-padding));padding-inline:var(--section-padding);margin-bottom:calc(-1 * var(--section-padding));padding-bottom:var(--section-padding)}section .section-images>*{flex-shrink:0;border-radius:var(--border-radius);cursor:zoom-in}section .section-images img{--img-size: min(33vh, 33vw);height:var(--img-size);width:auto;border-radius:var(--border-radius);border:.1px solid var(--md-sys-color-border)}.section-dialog{display:flex;flex-flow:column nowrap;width:90vw;margin:1rem auto}.section-dialog,.section-dialog .MuiDialog-paper{background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:var(--border-radius)}.section-dialog .section-dialog-header{display:flex;flex-flow:row nowrap;margin-bottom:1rem;padding:1rem}.section-dialog .section-dialog-header .spacer{flex:1}.section-dialog .section-dialog-header .section-dialog-button{appearance:none;padding:.5rem;background:none;border:none;cursor:pointer}.section-dialog .section-dialog-header .section-dialog-button[disabled]{cursor:default}.section-dialog .section-dialog-header .section-dialog-nav{display:flex;flex-flow:row nowrap;gap:1rem;padding-inline:1rem}.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{flex:1;width:100%;height:auto;max-height:90lvh;object-fit:contain;border-radius:var(--border-radius)}