*,*::before,*::after{box-sizing:border-box}:root{--primary-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-0: clamp(0.875rem, calc(0.79rem + 0.28vw), 1rem);--font-1: clamp(1rem, calc(0.83rem + 0.56vw), 1.25rem);--font-2: clamp(1.5rem, calc(1.17rem + 1.11vw), 2rem);--font-3: clamp(1.75rem, calc(1.25rem + 1.67vw), 2.5rem);--font-4: clamp(2.5rem, calc(1.67rem + 2.78vw), 3.75rem)}html[data-theme=dark]{--text-color: hsl(0, 0%, 95%);--body-background: hsl(95deg, 100%, 2%);--brand-color: hsl(95deg, 100%, 70%);--secondary-background: hsl(95deg, 20%, 10%);--syntax-bg: hsl(95deg, 20%, 8%);--scrollbar-track: #00000000;--scrollbar-thumb: hsl(95deg, 100%, 70%, 0.4)}html[data-theme=light]{--text-color: hsl(0, 0%, 5%);--body-background: hsl(0, 0%, 100%);--brand-color: hsl(95deg, 100%, 25%);--secondary-background: hsl(95deg, 10%, 85%);--syntax-bg: hsl(95deg, 20%, 85%);--scrollbar-track: #00000000;--scrollbar-thumb: #00000050}body{margin:0;background-color:var(--body-background);color:var(--text-color);font-family:var(--primary-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:1.6;font-size:var(--font-1);transition:color 350ms ease 0s,background 350ms ease 0s}img{display:inline-block;width:auto;height:auto;max-width:100%}a{color:var(--brand-color);text-decoration:none}p{margin:0;margin-bottom:1em}@media (pointer: fine){*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{display:block;width:8px;height:8px}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}*::-webkit-scrollbar-track-piece{background-color:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-track);border:2px solid rgba(0,0,0,0);border-radius:24px;box-shadow:4px 0px 0px 4px var(--scrollbar-thumb) inset}}#btnToggleDark{width:1.5rem;height:1.5rem;cursor:pointer;display:block;padding:.25rem;margin:0;border:0;text-align:center;-webkit-appearance:button;appearance:button;background-color:rgba(0,0,0,0);background-image:none;font-family:inherit;font-size:100%;color:var(--text-color) svg;color-display:block}section.section .container{padding:0 1rem;max-width:42rem;margin:0 auto}.main-title{font-size:var(--font-3);margin:0;margin-bottom:1em;font-weight:bold}header.header{margin-bottom:2rem}@media screen and (min-width: 48rem){header.header{margin-bottom:8rem;padding-top:1rem}}header.header .container{padding-left:1rem;padding-right:1rem;width:100%;max-width:64rem;margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;align-items:center}header.header .brand{font-weight:bold;color:var(--brand-color);font-size:1.25rem;padding:1rem 0}header.header .nav{display:flex;align-items:center;gap:.75rem}header.header .nav a{display:block;font-size:1rem;color:var(--text-color);padding:0}.intro{margin-bottom:4rem}.intro .bio{margin-top:2rem}.intro .bio h2,.intro .bio h1,.intro .bio p{margin:0;padding:0}.intro .bio h2{font-size:var(--font-4);margin-bottom:1rem}.intro .bio h1{font-size:var(--font-2);font-weight:normal;margin-bottom:1rem;line-height:1.25}@media screen and (min-width: 48rem){.intro .bio{margin-top:0}}.row{display:block;margin-bottom:3rem}.row h3{margin:0;line-height:1.2;margin-bottom:1rem;font-size:var(--font-1);font-weight:bold;color:var(--brand-color)}.row p{color:var(--text-color)}footer.footer{background-color:var(--secondary-background)}footer.footer .container{padding:1.5rem 1rem}@media screen and (min-width: 48rem){footer.footer .container{max-width:64rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}}footer.footer .info{margin-bottom:1rem;opacity:.7}footer.footer .info h5,footer.footer .info p{margin:0;padding:0}footer.footer .info h5{font-size:var(--font-1)}footer.footer .info p{font-size:var(--font-0)}@media screen and (min-width: 48rem){footer.footer .info{margin-bottom:0}}footer.footer .links{display:flex;gap:1rem;justify-content:flex-start;align-items:center}footer.footer .links a{display:block;width:1.25rem;height:1.25rem;color:#666}footer.footer .links a svg{display:block}.post{margin-bottom:4rem}@media screen and (min-width: 48rem){.post{margin-bottom:6rem}}.post .head{text-align:center;margin-bottom:1rem}@media screen and (min-width: 48rem){.post .head{margin-bottom:6rem}}.post .title{font-size:var(--font-4);font-weight:bold;margin:0;margin-bottom:1rem;line-height:1}.post h2,.post h3{line-height:1.2;margin-bottom:1em}.post h2{font-size:var(--font-3)}.post h3{font-size:var(--font-2)}.post :not(pre)>code{display:inline-block;font-size:1rem;padding-left:.4em;padding-right:.4em;background-color:var(--secondary-background)}.post pre{padding:1rem;overflow:auto;border-radius:.25rem;font-size:var(--font-0);background-color:var(--syntax-bg);margin-left:-1rem;margin-right:-1rem}@media screen and (min-width: 48rem){.post pre{padding:2rem;margin-left:-2rem;margin-right:-2rem}}.post pre[data-linenos]{padding:1rem 0}.post pre table td{padding:0}.post pre table td:nth-of-type(1){text-align:center;user-select:none}.post pre table{width:100%;border-collapse:collapse}.post .tags{display:inline;white-space:pre;padding:0;font-size:var(--font-0)}.post .tags li{list-style:none;display:inline}.post .tags li:not(:last-child)::after{content:"  •  ";color:var(--text-color);opacity:.5}