*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none;margin-block-start:0}ul{margin:0;padding-inline-start:2rem}html{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{display:block;max-inline-size:100%}button,input,select,textarea{font:inherit}[type=button],[type=checkbox],[type=image],[type=radio],[type=reset],[type=submit],button,summary{cursor:pointer}video{box-shadow:.5rem .5rem 0 0 var(--color-red),-.5rem -.5rem 0 0 var(--color-yellow)}figure,video{border:.2ch solid var(--color-dark);display:block;margin-inline:auto;max-width:80%}figure{box-shadow:.5rem .5rem 0 0 var(--color-blue),-.5rem -.5rem 0 0 var(--color-green)}figure img{margin-inline:auto;max-width:100%;padding:1rem}figure figcaption{font-size:var(--size-step-0);font-style:italic;margin-inline:auto;max-width:80%;padding-bottom:.5rem;text-align:center}@font-face{font-display:swap;font-family:Supply;font-weight:100 800;src:url(/assets/fonts/supply/supplysans-variable.woff2);unicode-range:u+0020-007e,u+00a0-00a9,u+00ab-00ac,u+00ae-00b1,u+00b4,u+00b6-00b8,u+00bb,u+00bf-00ef,u+00f1-0107,u+010a-0113,u+0116-011b,u+011e-0123,u+0126-0127,u+012a-012b,u+012e-0131,u+0136-0137,u+0139-013e,u+0141-0148,u+014a-014d,u+0150-015b,u+015e-0167,u+016a-016b,u+016e-017e,u+0218-021b,u+02c6-02c7,u+02d8-02dd,u+0300-0304,u+0306-0308,u+030a-030c,u+0312,u+0326-0328,u+0335-0338,u+1e80-1e85,u+1ef2-1ef3,u+2013-2014,u+2018-201a,u+201c-201e,u+2020-2022,u+2026,u+2030,u+2039-203a,u+2044,u+20ac,u+2122,u+2190-2199,u+2202,u+2205,u+220f,u+2211-2212,u+221a,u+221e,u+222b,u+2248,u+2260,u+2264-2265,u+25ca}@font-face{font-display:swap;font-family:Vollkorn;font-style:normal;font-weight:400 900;src:url(/assets/fonts/vollkorn/vollkorn.woff2);unicode-range:u+000d,u+0020-007e,u+00a0-017f,u+018e-018f,u+0192,u+019d,u+01a0-01a1,u+01af-01b0,u+01b7,u+01c4-01dd,u+01e4-01eb,u+01ee-01ef,u+01f1-01f3,u+01fa-021f,u+0228-022d,u+0230-0233,u+0237,u+0258-0259,u+0272,u+0292,u+02b9-02bc,u+02be-02bf,u+02c6-02cc,u+02d8-02dd,u+0300-0304,u+0306-030c,u+030f,u+0311-0313,u+031b,u+0323-0328,u+032e,u+0331,u+0335-0338,u+0374-0375,u+037e,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03cf,u+03d1-03d2,u+03d5-03d7,u+03f0-03f2,u+03f4,u+03f6-03f9,u+0400-045f,u+0462-0463,u+046a-046b,u+0472-0475,u+048a-04ff,u+0510-0513,u+051a-051d,u+0524-0529,u+052e-052f,u+058f,u+1e08-1e09,u+1e0c-1e11,u+1e14-1e17,u+1e1c-1e1d,u+1e20-1e21,u+1e24-1e25,u+1e2a-1e2b,u+1e2e-1e2f,u+1e36-1e37,u+1e3a-1e3b,u+1e42-1e49,u+1e4c-1e53,u+1e5a-1e5b,u+1e5e-1e69,u+1e6c-1e6f,u+1e78-1e7b,u+1e80-1e85,u+1e8e-1e93,u+1e97,u+1e9e,u+1ea0-1ef9,u+2007-200b,u+2010-2016,u+2018-2027,u+202f-203a,u+203d,u+203f-2040,u+2043-2044,u+204b,u+2052,u+205d,u+2070,u+2074-2079,u+2080-2089,u+20a1,u+20a3-20a4,u+20a6-20a7,u+20a9,u+20ab-20ae,u+20b1-20b2,u+20b4-20b5,u+20b8-20ba,u+20bc-20bd,u+2102,u+210d,u+2113,u+2115-2117,u+2119-211a,u+211d,u+2122,u+2124,u+2126,u+212e,u+2153-2154,u+215b-215e,u+2190-2199,u+21a4-21a7,u+21b0-21b3,u+21bc-21cc,u+21d2,u+21d4,u+21f5,u+2200,u+2202-2209,u+220b-220c,u+220e-220f,u+2211-2213,u+2215-221a,u+221d-2230,u+2234-2236,u+223c-223d,u+2241,u+2243,u+2245,u+2248-2249,u+2254,u+2259,u+225c,u+2260-2265,u+226a-226b,u+2270-2271,u+2282-2289,u+2295,u+22c5,u+2308-230b,u+23de-23df,u+25a0-25a1,u+25b2-25b3,u+25b6-25b7,u+25bc-25bd,u+25c0-25c1,u+25c6-25c7,u+25ca,u+26ad-26af,u+27c2,u+27e8-27e9,u+2983-2984,u+299b,u+299d,u+2a2f,u+2b58,u+2e18,u+2e22-2e25,u+2e3a-2e3b,u+fb01-fb02,u+1d106-1d107,u+1d538-1d539,u+1d53b-1d53e,u+1d540-1d544,u+1d546,u+1d54a-1d550}@font-face{font-display:swap;font-family:Vollkorn;font-style:italic;font-weight:400 900;src:url(/assets/fonts/vollkorn/vollkorn-italic.woff2);unicode-range:u+0000,u+000d,u+0020-007e,u+00a0-017f,u+018e-018f,u+0192,u+019d,u+01a0-01a1,u+01af-01b0,u+01b7,u+01c4-01dd,u+01e4-01eb,u+01ee-01ef,u+01f1-01f3,u+01fa-021f,u+0228-022d,u+0230-0233,u+0237,u+0258-0259,u+0272,u+0292,u+02b9-02bc,u+02be-02bf,u+02c6-02cc,u+02d8-02dd,u+0300-0304,u+0306-030c,u+030f,u+0311-0313,u+031b,u+0323-0328,u+032e,u+0331,u+0335-0336,u+0338,u+0374-0375,u+037e,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03cf,u+03d1-03d2,u+03d5-03d7,u+03f0-03f2,u+03f4,u+03f6-03f9,u+0400-045f,u+0462-0463,u+046a-046b,u+0472-0475,u+048a-04ff,u+0510-0513,u+051a-051d,u+0524-0529,u+052e-052f,u+058f,u+1e08-1e09,u+1e0c-1e11,u+1e14-1e17,u+1e1c-1e1d,u+1e20-1e21,u+1e24-1e25,u+1e2a-1e2b,u+1e2e-1e2f,u+1e36-1e37,u+1e3a-1e3b,u+1e42-1e49,u+1e4c-1e53,u+1e5a-1e5b,u+1e5e-1e69,u+1e6c-1e6f,u+1e78-1e7b,u+1e80-1e85,u+1e8e-1e93,u+1e97,u+1e9e,u+1ea0-1ef9,u+2007-200b,u+2010-2016,u+2018-2027,u+202f-203a,u+203d,u+203f-2040,u+2043-2044,u+204b,u+2052,u+205d,u+2070,u+2074-2079,u+2080-2089,u+20a1,u+20a3-20a4,u+20a6-20a7,u+20a9,u+20ab-20ae,u+20b1-20b2,u+20b4-20b5,u+20b8-20ba,u+20bc-20bd,u+2102,u+210d,u+2113,u+2115-2117,u+2119-211a,u+211d,u+2122,u+2124,u+2126,u+212e,u+2153-2154,u+215b-215e,u+2190-2199,u+21a4-21a7,u+21b0-21b3,u+21bc-21cc,u+21d2,u+21d4,u+21f5,u+2200,u+2202-2209,u+220b-220c,u+220e-220f,u+2211-2213,u+2215-221a,u+221d-2230,u+2234-2236,u+223c-223d,u+2241,u+2243,u+2245,u+2248-2249,u+2254,u+2259,u+225c,u+2260-2265,u+226a-226b,u+2270-2271,u+2282-2289,u+2295,u+22c5,u+2308-230b,u+23de-23df,u+25a0-25a1,u+25b2-25b3,u+25b6-25b7,u+25bc-25bd,u+25c0-25c1,u+25c6-25c7,u+25ca,u+26ad-26af,u+27c2,u+27e8-27e9,u+2983-2984,u+299b,u+299d,u+2a2f,u+2b58,u+2e18,u+2e22-2e25,u+2e3a-2e3b,u+fb01-fb02,u+1d106-1d107,u+1d538-1d539,u+1d53b-1d53e,u+1d540-1d544,u+1d546,u+1d54a-1d550}@font-face{ascent-override:103%;font-family:"serif-fallback";size-adjust:108.28%;src:local("Times New Roman")}:root{--color-dark:#0c0c0c;--color-light:#f3f3f3;--color-red:#e5633e;--color-green:#1ed397;--color-yellow:#fdb320;--color-blue:#1e29f9;--space-3xs:clamp(0rem,-0.08rem + 0.39vw,0.25rem);--space-2xs:clamp(0.5rem,0.46rem + 0.19vw,0.625rem);--space-xs:clamp(0.75rem,0.69rem + 0.29vw,0.9375rem);--space-s:clamp(1rem,0.92rem + 0.39vw,1.25rem);--space-m:clamp(2rem,1.84rem + 0.78vw,2.5rem);--space-l:clamp(3rem,2.77rem + 1.17vw,3.75rem);--space-xl:clamp(5rem,4.61rem + 1.94vw,6.25rem);--space-2xl:clamp(8rem,7.38rem + 3.11vw,10rem);--space-3xl:clamp(13rem,11.99rem + 5.05vw,16.25rem);--space-xs-s:clamp(0.75rem,0.59rem + 0.78vw,1.25rem);--space-s-m:clamp(1rem,0.73rem + 1.36vw,1.875rem);--space-m-l:clamp(1.5rem,1.19rem + 1.55vw,2.5rem);--space-l-xl:clamp(2rem,1.46rem + 2.72vw,3.75rem);--space-l-2xl:clamp(2rem,1.07rem + 4.66vw,5rem);--space-xl-2xl:clamp(3rem,2.38rem + 3.11vw,5rem);--space-2xl-3xl:clamp(4rem,2.91rem + 5.44vw,7.5rem);--size-step-min-1:clamp(0.8125rem,0.79rem + 0.10vw,0.875rem);--size-step-0:clamp(1rem,0.92rem + 0.39vw,1.25rem);--size-step-1:clamp(1.1875rem,1.01rem + 0.87vw,1.75rem);--size-step-2:clamp(1.4375rem,1.11rem + 1.65vw,2.5rem);--size-step-3:clamp(1.75rem,1.19rem + 2.82vw,3.5625rem);--size-step-4:clamp(2.0625rem,1.15rem + 4.56vw,5rem);--size-step-5:clamp(2.5rem,1.08rem + 7.09vw,7.0625rem);--size-step-6:clamp(3rem,0.84rem + 10.78vw,9.9375rem);--font-display:Supply,monospace;--font-base:Vollkorn,serif-fallback;--font-mono:Supply,monospace;--gutter:var(--space-s-m);--border-radius:0.3rem;--wrapper-width:clamp(16rem,90vw,85rem);--tracking:.05ch;--tracking-s:-0.015ch;--word-spacing:0.1ch;--line-height:1.5;--vollkorn-regular-aalt:"aalt" off;--vollkorn-regular-c2sc:"c2sc" off;--vollkorn-regular-case:"case" off;--vollkorn-regular-dlig:"dlig" off;--vollkorn-regular-dnom:"dnom" off;--vollkorn-regular-frac:"frac" off;--vollkorn-regular-hist:"hist" off;--vollkorn-regular-hlig:"hlig" off;--vollkorn-regular-lnum:"lnum" off;--vollkorn-regular-mgrk:"mgrk" off;--vollkorn-regular-numr:"numr" off;--vollkorn-regular-onum:"onum" off;--vollkorn-regular-ordn:"ordn" off;--vollkorn-regular-pnum:"pnum" off;--vollkorn-regular-salt:"salt" off;--vollkorn-regular-smcp:"smcp" off;--vollkorn-regular-ss01:"ss01" off;--vollkorn-regular-ss02:"ss02" off;--vollkorn-regular-ss03:"ss03" off;--vollkorn-regular-ss04:"ss04" off;--vollkorn-regular-ss05:"ss05" off;--vollkorn-regular-ss11:"ss11" off;--vollkorn-regular-ss13:"ss13" off;--vollkorn-regular-ss14:"ss14" off;--vollkorn-regular-ss17:"ss17" off;--vollkorn-regular-subs:"subs" off;--vollkorn-regular-sups:"sups" off;--vollkorn-regular-titl:"titl" off;--vollkorn-regular-tnum:"tnum" off;--vollkorn-regular-zero:"zero" off;--vollkorn-regular-cpsp:"cpsp" off}body{color:var(--color-dark);display:flex;flex-direction:column;font-family:var(--font-base);font-size:var(--size-step-1);font-weight:400;letter-spacing:var(--tracking-s);line-height:1.5;word-spacing:var(--word-spacing)}main{flex:auto}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:var(--tracking-s);line-height:1}h1{font-size:var(--size-step-5)}h2{font-size:var(--size-step-4)}h3{font-size:var(--size-step-3)}blockquote:not([class]),li,p{max-inline-size:80ch}h1,h2,h3{max-inline-size:40ch}blockquote{border-inline-start:.8rem solid var(--color-red);font-size:var(--size-step-2);padding:var(--space-m-l)}blockquote>*+*{margin-block-start:var(--space-m-l)}blockquote :last-child{font-family:var(--font-base);font-size:var(--size-step-1);font-style:normal}svg{block-size:2ex;flex:none;inline-size:auto}[role=list]{padding:0}a{color:currentcolor}a:hover{text-decoration:none}:focus{outline:3px solid;outline-offset:.3ch}:target{scroll-margin-top:2ex}main:focus{outline:none}article [href^=http]:not([href*="httpster.io"]){color:var(--color-blue);font-family:var(--font-display);font-weight:400;padding-block:.5ch;padding-inline:.2ch;text-decoration:none;text-decoration:underline;transition:.25s}article [href^=http]:not([href*="httpster.io"]):visited{color:var(--color-red)}article [href^=http]:not([href*="httpster.io"]):hover{background-color:var(--color-blue);color:var(--color-light);text-decoration:none;transition:.25s}article [href*="httpster.io"]{color:var(--color-blue);font-family:var(--font-display);font-weight:400;padding-block:.5ch;padding-inline:.2ch;text-decoration:none;text-decoration:underline;transition:.25s}article [href*="httpster.io"]:visited{color:var(--color-red)}article [href*="httpster.io"]:hover{background-color:var(--color-blue);color:var(--color-light);text-decoration:none;transition:.25s}::-moz-selection{background:var(--color-green);color:var(--color-dark);padding:1.5em}::selection{background:var(--color-green);color:var(--color-dark);padding:1.5em}.preload-transitions *{transition:none!important}.blog h1{font-size:var(--size-step-4)}.blog h2{font-size:var(--size-step-3)}.blog h3{font-size:var(--size-step-2)}.blog img{block-size:auto;max-inline-size:var(--max-img-width,100%)}.button{background-color:var(var(--color-dark));border:2px solid var(var(--color-red));border-radius:var(--border-radius);color:var(var(--color-light));display:inline-block;font:inherit;font-weight:700;padding:.3em 1em;text-decoration:none;transition-duration:var(--transition-duration);transition-property:background-color,border;transition-timing-function:var(--transition-timing)}.button:hover{--button-bg:var(--color-dark);--button-text:var(--color-light);--button-border:var(--color-dark)}.nav-button{background-color:var(--color-green);border:.25rem solid var(--color-green);color:var(--color-dark);display:inline-block;font-family:var(--font-display);font-weight:300;padding:.5rem 1rem 0;text-align:center;text-decoration:none;text-transform:uppercase;transition-duration:.2s;transition-property:transform,background-color,box-shadow;transition-timing-function:cubic-bezier(.25,.5,.5,1)}.nav-button:active,.nav-button:focus,.nav-button:hover{background-color:var(--color-light);border:.25rem solid transparent;border-radius:0;box-shadow:.5rem -.5rem 0 0 var(--color-red),-.5rem .5rem 0 0 var(--color-yellow);transition:all .25s ease-in-out}.rounded-btn{background-color:var(--color-light);background-image:radial-gradient(100% 100% at 100% 0,#e5633e 0,#cf4116 100%);border:0;border-radius:.5rem;box-shadow:0 .25ch .3ch rgba(45,35,66,.4),inset 0 -3px 0 rgba(58,65,111,.5);color:var(--color-light);font-family:var(--font-display);font-size:var(--size-step-1);margin-inline:var(--space-xs);padding-inline:var(--space-s);text-decoration:none}.rounded-btn,.rounded-btn:focus,.rounded-btn:hover{transition:.25s ease-in-out}.rounded-btn:hover{background-image:radial-gradient(100% 100% at 100% 0,#df491f 0,#e4b419 100%);box-shadow:0 .6ch .6ch rgba(45,35,66,.7),inset 0 -.33ch 0 rgba(58,65,111,.5);transform:translateY(-.5ch)}.rounded-btn:active{box-shadow:inset 0 3px 7px #e5633e;transform:translateY(0)}.card{background:var(--color-dark);border:4px solid var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);max-inline-size:unset;padding:var(--space-m-l)}.card ::-moz-selection{background:var(--color-green);color:var(--color-dark)}.card ::selection{background:var(--color-green);color:var(--color-dark)}.card h2{font-size:var(--size-step-3)}.card h2 a,.card h3 a{text-decoration:none}.card:focus-within,.card:hover{border:4px solid var(--color-red)}.card a{text-decoration:none}.card:focus-within a:focus{outline:none}.card{position:relative}.card a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}code,pre{background:var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);font-family:var(--font-mono);font-size:var(--size-step-0);font-weight:300;padding:.125em .4em}pre[class*=language-]{padding:var(--space-s)}code[class*=language-]{padding:0}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:var(--color-dark);border-radius:var(--border-radius);color:var(--color-light);-webkit-hyphens:none;hyphens:none;line-height:var(--line-height);overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre-wrap;word-break:normal;word-spacing:var(--word-spacing)}code span::-moz-selection,code::-moz-selection,pre::-moz-selection{background:var(--color-red)}code span::selection,code::selection,pre::selection{background:var(--color-red)}:not(pre)>code[class*=language-]{border-radius:var(--border-radius);padding:.1em;white-space:normal}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:var(--color-yellow)}[class*=language-] .namespace{opacity:.7}.token.atrule{color:var(--color-red)}.token.attr-name{color:#ffcb6b}.token.attr-value{color:#80cbc4}.token.attribute{color:var(--color-green)}.token.boolean{color:#d2b1e7}.token.builtin{color:#ffcb6b}.token.cdata{color:#80cbc4}.token.char{color:var(--color-green)}.token.class{color:#ffcb6b}.token.class-name,.token.color{color:#ff8b59}.token.comment{color:#779daf}.token.constant{color:#d2b1e7}.token.deleted{color:#ee979c}.token.doctype{color:#546e7a}.token.entity{color:#ee979c}.token.function{color:var(--color-light)}.token.hexcode{color:#ff8b59}.token.id,.token.important{color:#d2b1e7;font-weight:700}.token.inserted{color:#80cbc4}.token.keyword{color:#d2b1e7;font-style:italic}.token.number{color:#fd9170}.token.operator{color:#89ddff}.token.prolog{color:#546e7a}.token.property{color:var(--color-green)}.token.pseudo-class,.token.pseudo-element,.token.punctuation{color:#80cbc4}.token.regex{color:#ff8b59}.token.selector{color:#ee979c}.token.string{color:var(--color-yellow)}.token.symbol{color:#d2b1e7}.token.tag,.token.unit{color:#ee979c}.token.url{color:#fd9170}.token.variable{color:#ee979c}.codepen{border:2px dashed var(--color-bg-accent);color:var(--color-text-accent);padding:var(--space-xs)}.cp_embed_wrapper{display:grid;grid-template-areas:"container";overflow:auto;place-items:center;position:relative;resize:horizontal}.cp_embed_wrapper iframe{grid-area:container;inline-size:100%}.post-date{color:var(--color-dark);display:flex;font-weight:400;left:0;margin-right:var(--space-s)}time{--flow-space:var(--space-2xs);flex-wrap:nowrap;font-size:var(--size-step-1)}.top-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;padding-block-end:var(--space-s)}.link-section-item{background-color:var(--color-red);color:var(--color-dark);display:inline-block;padding-inline:1em}.nav-main{background-color:var(--color-dark);color:var(--color-light);font-family:var(--font-display);padding-inline:var(--space-s)}.nav-links{display:flex}.nav-link-item{margin-inline-end:var(--space-s)}.nav-link-icon,.nav-link-item{align-items:center;display:flex}.nav-link-icon{margin-inline-end:var(--space-2xs)}@media (max-width:30em){.nav-link-text{display:none}}.ontop{position:relative;z-index:1}header svg{transform:translateY(-.1em)}.page img{block-size:auto;border:1px solid var(--color-dark);max-inline-size:var(--max-img-width,100%)}.post-meta{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;font-family:var(--font-display);margin:var(--space-2xs),0}.post-meta,.tag-list{align-items:center;display:flex;justify-content:flex-start}.tag-list{-moz-column-gap:1rem;column-gap:1rem;flex-wrap:wrap;padding-inline-start:0}.tag{font-weight:300;list-style-type:none;right:0}.post-category,.tag{color:var(--color-dark);font-size:var(--size-step-1)}.post-category{font-weight:600;margin-right:var(--space-xs-s)}.post-item{background-color:var(--color-light);border:.3rem solid var(--color-dark);box-shadow:.75rem .75rem 0 0 var(--color-dark);color:var(--color-dark);margin:var(--space-xs-s);margin-top:var(--space-l);max-inline-size:unset;padding:var(--space-m-l);transition:all .25s ease-in-out}.post-item ::-moz-selection{background:var(--color-green);color:var(--color-dark)}.post-item ::selection{background:var(--color-green);color:var(--color-dark)}.post-item h3{font-size:var(--size-step-2);font-weight:700}.post-item h2 a,.post-item h3 a{text-decoration:none}.post-item:focus-within,.post-item:hover{border:.3rem solid var(--color-dark);box-shadow:.75rem -.75rem 0 0 var(--color-green),-.75rem .75rem 0 0 var(--color-blue);transition:all .25s ease-in-out}.post-item a{text-decoration:none}.post-item:focus-within a:focus{outline:none}.post-item{position:relative}.post-item a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.postmeta-box{align-items:center;background-color:var(--color-blue);box-shadow:-.75ch -.75ch var(--color-red),.75ch .75ch var(--color-dark);color:var(--color-light);display:flex;flex-direction:column;inline-size:var(--wrapper-width,65rem);justify-content:center;margin-inline:auto;margin-bottom:var(--space-xl);max-width:80%;padding-block:var(--space-m);padding-inline:var(--space-s)}.meta-mastolinks{justify-content:center;text-align:center}.meta-mastolinks>h1{font-size:var(--size-step-2);padding-block:var(--space-xs)}a.shared-link{word-wrap:break-word;color:var(--color-light);display:block;font-size:var(--size-step-1);margin-block:var(--space-2xs);text-align:center;word-break:break-all}.post-meta a:visited{color:var(--color-red)}.kudos{padding-block:var(--space-s)}.post-meta-form{align-items:center;display:flex;flex-direction:column;margin-top:1em;text-align:center}.post-meta-fields{display:flex;flex-wrap:wrap;justify-content:center;row-gap:1em}.prose{--flow-space:var(--space-md);--wrapper-width:clamp(16rem,90vw,55rem);font-feature-settings:"lnum" 1,"tnum" 1}.subtitle{--flow-space:var(--space-xs);--wrapper-width:clamp(16rem,90vw,20rem)}.prose :is(h2,h3,h4)+*{--flow-space:var(--space-xs)}.prose :is(h1,h2,h3)+:is(h1,h2,h3){--flow-space:var(--space-m-l)}.prose :is(p,code,pre)+ul{--flow-space:var(--space-xs)}.prose .heading-anchor:is(:hover,:focus){text-decoration:underline}.prose .heading-anchor{text-decoration:none}.prose mark{background:var(--color-red)}.prose :when(ul:not(.grid),ol:not(.grid)){padding-inline-start:var(--space-s)}.prose ul ul{margin-left:var(--space-l)}.section>.seperator:first-child{transform:rotate(180deg) translateY(-1px)}.section__inner{background:var(--spot-color,var(--color-dark));color:var(--color-light)}.section blockquote{font-size:var(--size-step-4);font-weight:700;letter-spacing:var(--tracking-s);line-height:1}.section :is(h1,h2,h3,blockquote){opacity:95%}.seperator{fill:var(--spot-color,var(--color-light));block-size:3.5em;display:block;inline-size:100%}.site-foot{background:var(--color-dark);color:var(--color-light);padding:var(--space-s-m)}.site-foot__inner{align-items:center;display:flex;gap:var(--space-s);justify-content:center}:not(nav#social).site-foot__inner{flex-wrap:wrap}.site-foot svg{block-size:.9em;inline-size:.9em}.site-head{flex-wrap:wrap;justify-content:space-between}.logo,.site-head{align-items:center;display:flex}.logo{border:.2ch solid transparent;font-family:var(--font-display);font-size:var(--size-step-1);font-weight:300;gap:var(--space-2xs);letter-spacing:var(--tracking-s);margin:var(--space-s) 0;padding:var(--space-xs)}.logo:hover{border:.2ch solid var(--color-green);color:var(--color-green)}.skip-link{clip:rect(1px,1px,1px,1px);block-size:1px;display:block;inline-size:1px;left:1rem;overflow:hidden;position:absolute;top:1rem;z-index:999}.skip-link:focus{clip:auto;background-color:var(--color-dark);block-size:auto;color:var(--color-light);inline-size:auto;line-height:1;overflow:visible;padding:var(--space-s-m)}.skip-link:not(:focus){clip:rect(0 0 0 0);block-size:auto;border:0;inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}table{border:2px solid #000;margin-block-end:4rem;margin-block-start:0;text-align:left}td,th{padding:1rem}tr{border:2px solid #000}.table-heading{font-size:var(--size-step-3)}@media (max-width:30em){table{background-color:var(--color-yellow);font-size:var(--size-step-min-1)}}.gradient-text{background:conic-gradient(var(--color-red) 0 33%,var(--color-green) 0 55%,#1471bb 0 70%,#ff8b59 0 87%,#c569bc 0 100%);-webkit-background-clip:text;background-clip:text;background-size:50%;color:transparent;padding:.6rem 0}.title-shadow{text-shadow:var(--color-green) .08ch .08ch}.title-shadow::-moz-selection{background-color:var(--color-green);color:var(--color-dark);text-shadow:var(--color-yellow) .08ch .08ch}.title-shadow::selection{background-color:var(--color-green);color:var(--color-dark);text-shadow:var(--color-yellow) .08ch .08ch}.title-shadow-post{text-shadow:var(--color-red) .08ch .08ch}.title-shadow-post::-moz-selection{background-color:var(--color-green);color:var(--color-dark);text-shadow:var(--color-yellow) .08ch .08ch}.title-shadow-post::selection{background-color:var(--color-green);color:var(--color-dark);text-shadow:var(--color-yellow) .08ch .08ch}.youtube-embed{aspect-ratio:16/9}.cluster{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space,1rem);justify-content:flex-start}.grid{display:grid;gap:var(--gutter,var(--space-s-l));grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.grid[data-rows=masonry]{align-items:start;grid-template-rows:masonry}.grid[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,50vw,28rem)}.post-list{--wrapper-width:clamp(8rem,90vw,55rem)}.content{--wrapper-width:clamp(16rem,90vw,75rem);display:grid;grid-template-columns:1fr min(48ch,100%) 1fr}.content>*{grid-column:2}.content .breakout{grid-column:1/4;inline-size:100%}.flow>*+*{margin-block-start:var(--flow-space,1em)}.region{padding-bottom:var(--region-space-bottom,var(--space-l-xl));padding-top:var(--region-space-top,var(--space-l-xl))}.wrapper{inline-size:var(--wrapper-width,85rem);margin-inline:auto;position:relative}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.my-s-m{margin-bottom:clamp(1rem,.73rem + 1.36vw,1.875rem);margin-top:clamp(1rem,.73rem + 1.36vw,1.875rem)}.mb-xl{margin-bottom:clamp(5rem,4.61rem + 1.94vw,6.25rem)}.mt-l-xl{margin-top:clamp(2rem,1.46rem + 2.72vw,3.75rem)}.mt-xs{margin-top:clamp(.75rem,.69rem + .29vw,.9375rem)}.table{display:table}.contents{display:contents}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.font-display{font-family:Supply,monospace}.text-step-0{font-size:clamp(1rem,.92rem + .39vw,1.25rem)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.no-underline{text-decoration-line:none}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.spot-color-dark{--spot-color:#0c0c0c}