@layer reset{*{box-sizing:border-box}body{margin:0}address{font-style:normal}h1,h2,h3,h4,h5,h6,p{margin-block:0}}@layer base{:root{--ref-palette-primary:gray;--ref-palette-tone-0:black 100%;--ref-palette-tone-10:black 40%;--ref-palette-tone-20:black 20%;--ref-palette-tone-30:black 0%;--ref-palette-tone-40:white 15%;--ref-palette-tone-50:white 30%;--ref-palette-tone-60:white 50%;--ref-palette-tone-70:white 70%;--ref-palette-tone-80:white 80%;--ref-palette-tone-90:white 90%;--ref-palette-tone-95:white 94%;--ref-palette-tone-98:white 96%;--ref-palette-tone-99:white 98%;--ref-palette-tone-100:white 100%;--ref-palette-primary-0:color-mix(in oklch, var(--ref-palette-tone-0), var(--ref-palette-primary));--ref-palette-primary-10:color-mix(in oklch, var(--ref-palette-tone-10), var(--ref-palette-primary));--ref-palette-primary-20:color-mix(in oklch, var(--ref-palette-tone-20), var(--ref-palette-primary));--ref-palette-primary-30:color-mix(in oklch, var(--ref-palette-tone-30), var(--ref-palette-primary));--ref-palette-primary-40:color-mix(in oklch, var(--ref-palette-tone-40), var(--ref-palette-primary));--ref-palette-primary-50:color-mix(in oklch, var(--ref-palette-tone-50), var(--ref-palette-primary));--ref-palette-primary-60:color-mix(in oklch, var(--ref-palette-tone-60), var(--ref-palette-primary));--ref-palette-primary-70:color-mix(in oklch, var(--ref-palette-tone-70), var(--ref-palette-primary));--ref-palette-primary-80:color-mix(in oklch, var(--ref-palette-tone-80), var(--ref-palette-primary));--ref-palette-primary-90:color-mix(in oklch, var(--ref-palette-tone-90), var(--ref-palette-primary));--ref-palette-primary-95:color-mix(in oklch, var(--ref-palette-tone-95), var(--ref-palette-primary));--ref-palette-primary-98:color-mix(in oklch, var(--ref-palette-tone-98), var(--ref-palette-primary));--ref-palette-primary-99:color-mix(in oklch, var(--ref-palette-tone-99), var(--ref-palette-primary));--ref-palette-primary-100:color-mix(in oklch, var(--ref-palette-tone-100), var(--ref-palette-primary));--sys-color-surface:var(--ref-palette-primary-100);--sys-color-text:var(--ref-palette-primary-0);--sys-color-quote-bar:var(--ref-palette-primary-80);--sys-color-cell-border:var(--ref-palette-primary-80);--sys-color-header-border:var(--ref-palette-primary-60);--ref-typeface-plain:serif;--ref-typeface-mono:monospace;--sys-type-body-font:var(--ref-typeface-plain);--sys-type-body-size:14pt;--sys-type-body-line-height:20pt;--sys-type-body-tracking:.25pt;--sys-type-code-font:var(--ref-typeface-mono);--sys-type-code-size:12pt;--sys-type-code-line-height:14pt;--sys-type-code-tracking:0pt;--sys-type-header-font:var(--ref-typeface-plain);--sys-type-header-weight:bold;--sys-type-header-1-size:22pt;--sys-type-header-1-line-height:28pt;--sys-type-header-1-tracking:0pt;--sys-type-header-2-size:20pt;--sys-type-header-2-line-height:28pt;--sys-type-header-2-tracking:0pt;--sys-type-header-3-size:18pt;--sys-type-header-3-line-height:24pt;--sys-type-header-3-tracking:0pt;--sys-type-header-4-size:16pt;--sys-type-header-4-line-height:22pt;--sys-type-header-4-tracking:.125pt;--sys-type-header-5-size:14pt;--sys-type-header-5-line-height:20pt;--sys-type-header-5-tracking:.25pt;--sys-type-header-6-size:12pt;--sys-type-header-6-line-height:20pt;--sys-type-header-6-tracking:.5pt;--sys-shape-corner-small:4px;--sys-shape-corner-medium:8px;--sys-shape-corner-large:12px}html{min-width:100vw;min-height:100vh}body{background-color:var(--ref-palette-primary-90);min-height:100vh;font-family:var(--sys-type-body-font);font-size:var(--sys-type-body-size);line-height:var(--sys-type-body-line-height);letter-spacing:var(--sys-type-body-tracking)}body>*{background-color:var(--ref-palette-primary-100)}body{grid-template:".header.""body body body"1fr".footer."/1fr min(65ch,100%) 1fr;row-gap:1em;display:grid;&>header{grid-area:header}&>main{grid-area:body}&>footer{grid-area:footer}}main{border-radius:var(--sys-shape-corner-medium);justify-self:center;width:65ch;max-width:100vw;padding-block-end:1lh;padding-inline:2.5ch}body>header{border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;@media (width<500px){border-radius:0}}body>footer{border-top-left-radius:.5em;border-top-right-radius:.5em;@media (width<500px){border-radius:0}}body>header{flex-flow:row;align-items:baseline;display:flex}body>header{padding:1em;&>a.home{margin-right:2ch;font-size:1.5em;font-weight:700}}body>header>nav>ul{flex-direction:row;column-gap:.5em;padding-inline:0;list-style:none;display:flex}body>footer{padding:1em}address{flex-flow:row;justify-content:space-between;align-items:center;display:flex;& a.email{align-self:baseline}}ul.social.media{flex-flow:row;align-items:baseline;column-gap:1em;padding-inline:0;list-style:none;display:flex;& a{align-items:center;column-gap:.5ch;display:inline-flex;&:before{content:"";background-size:contain;width:1lh;height:1lh;display:inline-block}&.linkedin:before{background-image:url(/images/linkedin-logo.png)}&.github:before{background-image:url(/images/github-logo.png)}}}h1{font-size:var(--sys-type-header-1-size);line-height:var(--sys-type-header-1-line-height);letter-spacing:var(--sys-type-header-1-tracking)}h2{font-size:var(--sys-type-header-2-size);line-height:var(--sys-type-header-2-line-height);letter-spacing:var(--sys-type-header-2-tracking)}h3{font-size:var(--sys-type-header-3-size);line-height:var(--sys-type-header-3-line-height);letter-spacing:var(--sys-type-header-3-tracking)}h4{font-size:var(--sys-type-header-4-size);line-height:var(--sys-type-header-4-line-height);letter-spacing:var(--sys-type-header-4-tracking)}h5{font-size:var(--sys-type-header-5-size);line-height:var(--sys-type-header-5-line-height);letter-spacing:var(--sys-type-header-5-tracking)}h6{font-size:var(--sys-type-header-6-size);line-height:var(--sys-type-header-6-line-height);letter-spacing:var(--sys-type-header-6-tracking)}h1,h2,h3,h4,h5,h6{font-family:var(--sys-type-header-font);font-weight:var(--sys-type-header-weight);margin-block:.75lh 0}ul,ol{margin-block:0}p{margin-block:.5lh}p:has(+ul),p:has(+ol){margin-block-end:.25lh}ul+p,ol+p{margin-block-start:.25lh}blockquote{border-left:solid 2px var(--sys-color-quote-bar);margin-block:1em;margin-inline:5ch;padding-inline-start:1ch;font-style:italic}aside{border:solid 2px var(--sys-color-quote-bar);border-radius:var(--sys-shape-corner-large);padding-inline:2ch}}@layer section;