#header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:50px;padding:0 20px;display:flex}#header nav{gap:20px;display:flex}#header a{color:var(--text-0);transition:color var(--transition-time) ease;font-size:1.2em;font-weight:700;text-decoration:none;&:hover{text-decoration:underline}}#home-link[active]{color:var(--color-yellow)}#about-link[active]{color:var(--color-teal)}#blog-link[active]{color:var(--color-purple)}#footer{border-top:2px solid var(--background-1);transition:var(--transitions);justify-content:space-between;align-items:center;margin-top:4rem;padding:1rem 2rem;display:flex}#footer .footer-left .footer-info{align-items:center;display:flex}#footer .footer-logo{user-select:none;border-radius:.5rem;margin-right:1rem}#footer .footer-text a{text-decoration:none}#footer .footer-right{text-align:left;flex-direction:row;gap:2rem;display:flex}#footer .footer-right h4{user-select:none;margin:.5rem 0;font-size:1rem;font-weight:700}#footer .footer-right a{color:var(--text-1);margin:.25rem 0;font-size:.9rem;font-weight:400;text-decoration:none;transition:color .2s;display:block;&:hover{font-weight:700}}:root.dark #footer .footer-right a:hover{color:var(--color-yellow)}.link{color:var(--accent);font-weight:700}@media (width<=650px){#footer{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:2rem;padding:1rem;display:flex}#footer .footer-left{order:2;width:100%;margin-bottom:0}#footer .footer-info{text-align:left;justify-content:center}#footer .footer-right{flex-direction:row;order:1;justify-content:space-evenly;align-items:flex-start;width:100%;display:flex}#footer .footer-right h4{font-size:1rem}#footer .footer-right a{padding:.25rem 0;font-size:.9rem}}@layer variables{:root{--color-red:oklch(69.2% .206 29);--color-red-hover:oklch(66.6% .206 29);--color-orange:oklch(72.7% .146 45);--color-orange-hover:oklch(68.6% .146 45);--color-yellow:oklch(89.6% .095 98.682);--color-yellow-hover:oklch(79.9% .095 98.682);--color-green:oklch(67.3% .15 143);--color-green-hover:oklch(60.7% .15 143);--color-teal:oklch(74.1% .107 175);--color-teal-hover:oklch(70.4% .107 175);--color-light-blue:oklch(79.2% .099 234);--color-light-blue-hover:oklch(71.4% .099 234);--color-blue:oklch(64.8% .152 259);--color-blue-hover:oklch(54.9% .152 259);--color-purple:oklch(76% .084 299);--color-purple-hover:oklch(71.9% .084 299);--color-pink:oklch(73.7% .129 13);--color-pink-hover:oklch(64.7% .129 13);--text-0:oklch(30% .01 219.434);--text-1:oklch(40% .01 219.434);--subtext-0:oklch(18.4% 0 0);--text-pencil:oklch(45% 0 0);--background-0:oklch(96.2% 0 261);--background-1:oklch(91.2% 0 261);--background-2:oklch(86.2% 0 261);--background-3:oklch(81.2% 0 261);--border-color:oklch(45% 0 0);--border-radius:1rem;--transition-time:.2s;--transitions:background-color var(--transition-time) ease, border-color var(--transition-time) ease, color var(--transition-time) ease}:root.dark{--text-0:oklch(95.5% 0 0);--text-1:oklch(85.5% 0 0);--subtext-0:oklch(75.3% 0 0);--background-0:oklch(7.5% .014 258);--background-1:oklch(27.5% .014 258);--background-2:oklch(47.5% .014 258);--background-3:oklch(67.5% .014 258)}@media (prefers-reduced-motion:reduce){:root{--transition-time:0s;--transitions:none}}}@layer reset{html{scrollbar-gutter:stable;interpolate-size:allow-keywords;transition-property:opacity,display;transition-duration:var(--transition-time);transition-behavior:allow-discrete}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-0);text-wrap:balance}p{text-wrap:pretty}}@layer base{html,body{background-color:var(--background-0);color:var(--text-0);font-family:var(--font-dm-sans), sans-serif;cursor:default;transition:var(--transitions);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{background:var(--text-0);-webkit-text-fill-color:transparent;background-clip:text;margin:1.2rem 0 .8rem;font-weight:700}ul{padding-left:1.2rem;& li{margin:.4rem 0}}a{color:inherit;font-weight:700;text-decoration:underline}}@layer components{.content :where(code):not(:where(pre,h1,h2,h3,h4,h5,h6) code){border-radius:var(--border-radius);background-color:var(--background-1);vertical-align:baseline;color:var(--text-0);transition:var(--transitions);margin-left:.125rem;margin-right:.125rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1.5rem;display:inline-block}.content :where(pre) code{background-color:var(--background-1);color:var(--text-0);overscroll-behavior:contain;overscroll-behavior-x:none;padding:.5rem 1rem 1rem;font-size:.875rem;line-height:1rem;display:block}.content .expressive-code{transition:var(--transitions);margin:1rem 0}.content blockquote{border-left:4px solid var(--color);transition:border-color var(--transition-time) ease;margin:.5rem 0;padding:1rem}.content li::marker{color:var(--color)}.content h1{text-align:left;font-size:25px}.content h2{text-align:left;font-size:23px}.content h3{text-align:left;font-size:18px}.content h4{text-align:left;font-size:13px}.content h5{text-align:left;font-size:10px}.content h6{text-align:left;font-size:8px}:root.dark .content a{color:var(--color)}.content a:hover{color:var(--color-hover)}}@layer util{.border-color-red{border-color:var(--color-red)}.color-red{color:var(--color-red)}.background-color-red{background-color:var(--color-red)}.border-color-orange{border-color:var(--color-orange)}.color-orange{color:var(--color-orange)}.background-color-orange{background-color:var(--color-orange)}.border-color-yellow{border-color:var(--color-yellow)}.color-yellow{color:var(--color-yellow)}.background-color-yellow{background-color:var(--color-yellow)}.border-color-green{border-color:var(--color-green)}.color-green{color:var(--color-green)}.background-color-green{background-color:var(--color-green)}.border-color-teal{border-color:var(--color-teal)}.color-teal{color:var(--color-teal)}.background-color-teal{background-color:var(--color-teal)}.border-color-light-blue{border-color:var(--color-light-blue)}.color-light-blue{color:var(--color-light-blue)}.background-color-light-blue{background-color:var(--color-light-blue)}.border-color-blue{border-color:var(--color-blue)}.color-blue{color:var(--color-blue)}.background-color-blue{background-color:var(--color-blue)}.border-color-purple{border-color:var(--color-purple)}.color-purple{color:var(--color-purple)}.background-color-purple{background-color:var(--color-purple)}.border-color-pink{border-color:var(--color-pink)}.color-pink{color:var(--color-pink)}.background-color-pink{background-color:var(--color-pink)}.link{color:var(--text-0);text-decoration:none}}main[data-astro-cid-mjbmmst2]{flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex}