:root{color-scheme:light dark;--brand-color:light-dark(
        oklch(63.13% 0.1588 244.97),
        oklch(63.13% 0.1588 244.97)
    );--text-color:light-dark(oklch(0% 0 0), oklch(100% 0 0));--meta-color:light-dark(#oklch(46.04% 0 0), oklch(70.25% 0 0));--selection-color:light-dark(
        oklch(0.69 0.17 245.44 / 0.35),
        oklch(0.69 0.17 245.44 / 0.35)
    );--navbar-color:light-dark(
        rgba(255, 255, 255, 0.9),
        rgba(120, 120, 120, 0.5)
    );--navbar-drop-shadow:light-dark(
        rgba(0,0,0,.2),
        rgba(255, 255, 255, .1)
    );--quote-bg:light-dark(oklch(97.61% 0 0), oklch(26.45% 0 0));--divider-bg:light-dark(oklch(92.19% 0 0), oklch(70.58% 0 0))}@layer reset,base,nav,content,mobile;@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{body{max-width:42rem;font-size:1.125rem;margin:auto;margin-top:1em;font-family:"source sans 3",sans-serif}::selection,::target-text{background:var(--selection-color)}h1,h2{font-weight:600}h2{margin-bottom:0}p{margin-top:0;margin-bottom:1em}hr{border-color:var(--brand-color);border-style:solid}time{display:inline-block;margin-bottom:.5em}blockquote{border-left-color:var(--brand-color);background-color:var(--quote-bg);border-left-width:.2rem;border-left-style:solid;padding-left:1em;padding-right:2em;padding-top:1em;padding-bottom:.5em;margin-bottom:1em;p:only-of-type { font-size:1.1em; margin-top:0; } ul:only-of-type { padding-inline-start:1em; li:only-of-type::marker { content:"- "; } }}.brand{color:var(--brand-color)}.brand::before{content:"› ";font-weight:400}}@layer nav{header{display:grid;position:sticky;top:1em;grid-template-columns:1fr 1fr;align-items:center;justify-items:start;background-color:var(--navbar-color);border-radius:5rem;filter:drop-shadow(0 0 .5rem var(--navbar-drop-shadow));box-sizing:border-box;border:0 solid;margin:0;padding:.25em 1em;backdrop-filter:blur(8px)}nav{margin-top:.33em;text-align:right;width:100%}li.menuitem:last-of-type{padding-inline-end:0}hr{margin-block-start:.5em;margin-block-end:.5em}.brand,.brand>a{color:var(--brand-color);font-size:2rem;letter-spacing:-2px;font-weight:700;text-decoration:none}ul.menu{list-style-type:none;padding:0;a { text-decoration: none; color: var(--text-color); } a:hover, a:active { color: var(--brand-color); } a:visited { color: var(--text-color); } [aria-current]:not([aria-current="false"]) { font-weight: 600; color: var(--text-color); } li { display: inline; font-size: 1.2rem; margin-top: 0.5rem; padding-inline-end: 1rem; }}footer>hr{margin-top:1em}ul.links{list-style-type:none;padding:0;margin-top:1rem;text-align:center;li { display: inline; } a { text-decoration: none; } a:hover, a:active, svg:hover { color: var(--brand-color); fill: var(--brand-color); } a:visited { color: var(--text-color); } svg { fill: var(--text-color); height: 1.2rem; margin-right: 0.5rem; }}.copyright{text-align:center}span.brand{color:var(--brand-color);font-weight:700;letter-spacing:-1px;font-size:1.2em}span.brand::before{font-size:1.4em}}@layer content{main{margin-left:1em;margin-right:1em}article{margin-top:1em;ul, img { margin-bottom: 1em; } h1 { white-space: break-spaces; line-height: 1.2; letter-spacing: -2px; margin-bottom: 0.5rem; font-size: 3rem; font-weight: 600; } .tag { color: var(--brand-color); text-decoration: none; } time { color: var(--meta-color); display: inline-block; margin-bottom: 1em; } h2 { font-weight: 500; a { color: var(--text-color); text-decoration: none; } } blockquote { h1 { font-size: 2.5rem; } }}article.listitem{justify-content:start;.item-content { h2 { line-height: 1.3lh; } p { margin-bottom: 0; } .meta { margin-top: 0.5rem; font-size: 1rem; color: var(--meta-color); p { display: inline-block; } } }}article.projectitem{display:grid;grid-template-columns:1fr 3fr;justify-content:start;.item-content { margin-left: 1em; h2 { line-height: 1.3lh; } } p { margin-top: 0; } time { color: var(--meta-color); display: inline-block; margin-bottom: 0em; }}.content{margin-top:1rem;hr { border-color: var(--divider-bg); border-width: 0.01em; border-style: solid; } hr:last-of-type { display: none; }}.project{time { margin: 0; } .meta { font-size: 1rem; color: var(--meta-color); .technologies > p { display: inline; margin-right: 0.33rem; } }}}@layer mobile{@media screen and (max-width:768px){body{margin:1rem;font-size:1rem}.projectitem{grid-template-columns:1fr 3fr}.listitem{grid-template-columns:3fr 1fr}article{h1 { font-size: 2rem; letter-spacing: -1px; }}ul.links{svg { height: 2rem; }}main.content>hr{margin-bottom:1em}}}