:root{--line-height-base:1.75;--line-height-tight:1.3125}@media(min-width:32em){:root{--line-height-base:2;--line-height-tight:1.5}}:root{--font-weight-normal:400;--font-weight-bold:700;--font-size-xxl:calc(var(--font-size-base) * 16 / 8);--font-size-xl:calc(var(--font-size-base) * 16 / 12);--font-size-l:calc(var(--font-size-base) * 16 / 15);--font-size-base:1rem;--font-size-s:calc(var(--font-size-base) * 16 / 18);--font-size-xs:calc(var(--font-size-base) * 16 / 20);--rlh-unit:calc(var(--font-size-base) * var(--line-height-base));--border-radius:0.25rem}:root{--color-on-surface:hsl(210, 12%, 12%);--color-on-surface-low:hsl(210, 12%, 26%);--color-on-surface-lowest:hsl(210, 12%, 36%);--color-surface:hsl(210, 12%, 98%);--color-surface-container:hsl(210, 12%, 94%);--color-outline-accessible:hsl(210, 16%, 46%);--color-outline-decorative:hsl(210, 16%, 82%);--color-outline-page-divider:hsl(210, 16%, 88%);--color-primary:hsl(210, 100%, 36%);--color-on-primary:hsl(210, 100%, 100%);--color-link-underline:hsl(210, 40%, 49%);--color-link-nav-underline:hsl(210, 12%, 49%);--color-link-visited-underline:hsl(210, 12%, 49%)}.site-nav__logo{--color-logo-surface:#D1EEFC}.home-cover{--color-window-bar:hsl(0, 0%, 92%);--color-gradient-primary:hsl(160, 100%, 50%);--color-gradient-secondary:hsl(200, 100%, 50%);--color-ground-back:#FFBE3D;--color-ground-middle:#FFCB63;--color-ground-front:#FFE0A3;--color-btn-red:#F07575;--color-btn-yellow:#FFCB63;--color-btn-green:#8FD748;--color-sun:#FFE0A3;--visibility-moon:hidden;--visibility-sun:visible}@media(prefers-color-scheme:dark){:root{--color-on-surface:hsl(210, 12%, 90%);--color-on-surface-low:hsl(210, 12%, 84%);--color-on-surface-lowest:hsl(210, 12%, 76%);--color-surface:hsl(210, 12%, 8%);--color-surface-container:hsl(210, 12%, 16%);--color-outline-accessible:hsl(210, 16%, 66%);--color-outline-decorative:hsl(210, 16%, 28%);--color-outline-page-divider:hsl(210, 16%, 22%);--color-primary:hsl(210, 100%, 78%);--color-on-primary:hsl(210, 100%, 12%);--color-link-underline:hsl(210, 40%, 67%);--color-link-nav-underline:hsl(210, 12%, 66%);--color-link-visited-underline:hsl(210, 12%, 66%)}.site-nav__logo{--color-logo-surface:hsl(200, 87%, 16%)}.home-cover{--color-window-bar:hsl(0, 0%, 16%);--color-gradient-primary:hsl(240, 100%, 50%);--color-gradient-secondary:hsl(280, 100%, 50%);--color-ground-back:#3B3ADC;--color-ground-middle:#6262E3;--color-ground-front:#8989EA;--color-btn-red:#BB0707;--color-btn-yellow:#BB8210;--color-btn-green:#5FA11E;--color-moon:#C99B40;--visibility-moon:visible;--visibility-sun:hidden}}html{font-size:clamp(100%,(100vmin - 516px) * (8/(1280 - 516)) + 100%,100% + 8px)}body{margin:0;font-weight:var(--font-weight-normal);font-family:sans-serif;line-height:var(--line-height-base);overflow-wrap:break-word;color:var(--color-on-surface);background-color:var(--color-surface);-webkit-text-size-adjust:100%;display:flex;flex-direction:column;min-block-size:100vh}main{flex:auto}p,blockquote,pre,ul,ol,hr{margin-block-start:var(--rlh-unit);margin-block-end:0}:is(ol,ul) :is(ol,ul){margin-block-start:0}h1,h2,h3{margin-block-end:0;font-feature-settings:"halt";font-weight:var(--font-weight-bold)}h1,h2{line-height:var(--line-height-tight)}h1{margin-block-start:0;font-size:var(--font-size-xxl)}.post>h1{margin-block-start:calc(var(--rlh-unit)/2)}h2{margin-block-start:calc(var(--rlh-unit) * 2);font-size:var(--font-size-xl)}h3{margin-block-start:var(--rlh-unit);font-size:var(--font-size-l);line-height:var(--line-height-base)}h3+*{margin-block-start:0}ul,ol{padding-inline-start:2em}:is(ol,ul) :is(ol,ul){padding-inline-start:1em}li+li{margin-block-start:calc(var(--rlh-unit)* 1/8)}blockquote{margin-inline-start:0;margin-inline-end:0;padding-block:calc(var(--rlh-unit)/2);padding-inline:1em;background-color:var(--color-surface-container)}blockquote>:first-child{margin-block-start:0}cite{font-style:normal}pre,code{font-family:menlo,monospace;background-color:var(--color-surface-container)}pre{padding-block:calc(var(--rlh-unit)/2);padding-inline:1em;overflow-x:scroll;overflow-wrap:normal;font-size:var(--font-size-s);tab-size:4}code{padding-block:.1em;padding-inline:.2em}pre>code{padding:0}img{max-inline-size:100%;block-size:auto;vertical-align:middle}svg{vertical-align:middle}hr{border:none}hr::before{display:block;text-align:center;content:"＊";font-family:serif;color:var(--color-on-surface-lowest)}a{color:var(--color-primary);text-decoration-color:var(--color-link-underline);text-decoration-thickness:.0625em;text-decoration-skip-ink:none;text-underline-offset:.2em}a:visited{color:var(--color-on-surface);text-decoration-color:var(--color-link-visited-underline)}a:hover,a:focus-visible{text-decoration-thickness:calc(.0625em * 2);text-decoration-color:initial}button,input,textarea{font:inherit}strong{font-weight:var(--font-weight-bold)}em{font-style:normal;text-emphasis:filled dot;-webkit-text-emphasis:filled dot}.site-header{padding-block:calc(var(--rlh-unit)/4);padding-inline:1rem;border-block-end:1px solid var(--color-outline-page-divider)}.site-main{margin-block:0;margin-inline:auto;padding-block:calc(var(--rlh-unit) * 2);padding-inline:1rem;max-inline-size:32rem;inline-size:100%;box-sizing:border-box}.site-footer{padding-inline:1rem;padding-block-start:calc(var(--rlh-unit) * 2/4);padding-block-end:calc((var(--rlh-unit) * 6/4) + env(safe-area-inset-bottom));border-block-start:1px solid var(--color-outline-page-divider);display:flex;flex-direction:column;align-items:center}.site-nav{margin-block:0;margin-inline:auto;max-inline-size:30rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.site-nav__logo{block-size:calc(var(--rlh-unit) * 6/4);inline-size:auto;padding-block-start:calc(var(--rlh-unit)/4);padding-block-end:calc(var(--rlh-unit)/4);padding-inline-end:1.5rem}.site-nav__list{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;column-gap:1.5rem}.site-nav__list li{margin-block-start:0}.site-nav__link{padding-block-start:calc(var(--rlh-unit)/4);padding-block-end:calc(var(--rlh-unit)/4);display:block}.site-nav__link,.site-nav__link:visited{color:var(--color-on-surface-low);text-decoration-color:var(--color-link-nav-underline)}.site-nav__link:hover,.site-nav__link:focus-visible{text-decoration-color:initial}.site-nav__icon{filter:grayscale(1);display:inline-block;padding-inline-end:.2em}.footer-nav{inline-size:100%;max-inline-size:30rem}.footer-nav__list{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;column-gap:1.5rem}.footer-nav__list li{margin-block-start:0}.footer-nav__link{padding-block-start:calc(var(--rlh-unit)/4);padding-block-end:calc(var(--rlh-unit)/4);display:block}.footer-nav__link,.footer-nav__link:visited{color:var(--color-on-surface-low);text-decoration-color:var(--color-link-nav-underline)}.footer-nav__link:hover,.footer-nav__link:focus-visible{text-decoration-color:initial}.footer-nav__icon{filter:grayscale(1);display:inline-block;padding-inline-end:.2em}.site-footer__text{inline-size:100%;max-inline-size:30rem;color:var(--color-on-surface-lowest)}.home-cover__img{inline-size:100%;max-inline-size:100%;block-size:auto;aspect-ratio:720/444}.home-cover__text{font-family:menlo,sans-serif;font-weight:var(--font-weight-bold);-webkit-font-smoothing:antialiased}.posts__items{padding:0;list-style:none}.posts__nav{margin-block-start:calc(var(--rlh-unit) * 2)}.posts__nav-icon{display:inline-block}.posts__items>li{margin-block-start:var(--rlh-unit)}.posts__post-title{margin-block-start:0;font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-normal)}.posts__post-title>a{display:inline-block;min-inline-size:6em}.posts__post-meta,.post__meta{display:block;font-size:var(--font-size-s);color:var(--color-on-surface-lowest)}.visually-hidden{position:absolute;margin:-1px;padding:0;border:0;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}