.blog-container.svelte-1vh2fb1{padding:1rem;display:flex;justify-content:center}.outlines.svelte-1vh2fb1{position:fixed;top:20%;right:0;height:40%}.content.svelte-1vh2fb1{width:60%}.main.svelte-1vh2fb1{font-size:1.25rem}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) h1:where(.svelte-1vh2fb1){position:sticky;top:4rem;background-color:var(--primary-background);padding-block:1rem;margin-block:1rem;font-size:1.5em}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) code:where(.svelte-1vh2fb1){background-color:var(--code-color);border-radius:.25rem;padding:.25rem;font-size:.8em}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) input:where(.svelte-1vh2fb1),.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) select:where(.svelte-1vh2fb1){vertical-align:middle;line-height:1.5;font-family:monospace;font-size:.75rem;max-width:5rem;background-color:#fff0e6;border:none}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) input:where(.svelte-1vh2fb1):focus,.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) select:where(.svelte-1vh2fb1):focus{outline-color:#f60}.main.svelte-1vh2fb1 a:where(.svelte-1vh2fb1){color:inherit}.main.svelte-1vh2fb1 p:where(.svelte-1vh2fb1){line-height:1.5;text-align:justify;margin:0}.main.svelte-1vh2fb1 .header:where(.svelte-1vh2fb1){margin-bottom:2rem;padding-inline:1rem}.main.svelte-1vh2fb1 footer:where(.svelte-1vh2fb1){padding-inline:1rem}.main.svelte-1vh2fb1 .header:where(.svelte-1vh2fb1)>h1:where(.svelte-1vh2fb1){text-align:center;font-weight:700;font-size:3rem}.main.svelte-1vh2fb1 .header:where(.svelte-1vh2fb1)>h2:where(.svelte-1vh2fb1){text-align:center;font-size:2.4rem}.details.svelte-1vh2fb1{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.details.svelte-1vh2fb1 p:where(.svelte-1vh2fb1){margin:0}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1){padding:1rem;margin-bottom:2rem}.main.svelte-1vh2fb1 section:where(.svelte-1vh2fb1) figcaption:where(.svelte-1vh2fb1){text-align:center;margin-block:1rem}.preview-container.svelte-1vh2fb1,.button-group.svelte-1vh2fb1{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:1000px){.content.svelte-1vh2fb1{width:100%}}.code-button.svelte-1vh2fb1{padding:.5rem;border:none;background-color:#f60;color:#eee;font-size:1rem;border-radius:.25rem;cursor:pointer}