:root{--blog-header-padding:6rem;--blog-content-padding:0 6rem;--blog-title-font-size:4rem;--blog-desc-font-size:2rem}@media only screen and (max-width: 576px){:root{--blog-header-padding:2rem;--blog-content-padding:0 2rem;--blog-title-font-size:3rem;--blog-desc-font-size:2rem}}.blog-content-main.svelte-1a8y0gy .page-content-title.svelte-1a8y0gy{font-family:Roboto Mono,monospace}@media screen and (max-width: 768px){.blog-content-main.svelte-1a8y0gy.svelte-1a8y0gy{flex-direction:column-reverse}.blog-content-main.svelte-1a8y0gy .page-content-wrapper.svelte-1a8y0gy{padding:var(--blog-content-padding)}}@media screen and (min-width: 768px){.blog-content-main.svelte-1a8y0gy .page-content-wrapper.svelte-1a8y0gy{min-width:25rem}.blog-content-main.svelte-1a8y0gy .page-content-root.svelte-1a8y0gy{box-sizing:border-box;max-height:calc(100vh - 1rem);overflow:auto;position:sticky;top:5rem}}.blog-wrapper.svelte-1a8y0gy.svelte-1a8y0gy{max-width:var(--blog-main-max-width);margin:0 auto}.blog-wrapper.svelte-1a8y0gy header.svelte-1a8y0gy{padding:var(--blog-header-padding);padding-bottom:4rem}@media screen and (max-width: 768px){.blog-wrapper.svelte-1a8y0gy header.svelte-1a8y0gy{padding-bottom:0}}.blog-wrapper.svelte-1a8y0gy header .publish-date.svelte-1a8y0gy{font-family:Roboto Mono,monospace}.blog-wrapper.svelte-1a8y0gy header h4.svelte-1a8y0gy{font-size:var(--blog-desc-font-size)}.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy{font-size:1.6rem;font-family:var(--content-font-family);padding:var(--blog-content-padding);padding-bottom:4rem}.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy p{margin:.5em 0 1em}.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy a{font-size:1.8rem;color:#206ee9}.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy a:hover{font-size:1.8rem;background-color:#206ee9;color:#fff}.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h1,.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h2,.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h3,.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h4,.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h5,.blog-wrapper.svelte-1a8y0gy .blog-content-root.svelte-1a8y0gy h6{margin:2rem 0}