:root{--backdrop: hsl(213, 8%, 15%);--background: hsl(213, 4%, 20%);--foreground: #eeeeee;--font: Verdana, Geneva, Tahoma, sans-serif;--mono-font: "monospace";--primary: hsl(213, 32%, 41%);--secondary: hsl(274, 32%, 41%);--tertiary: hsl(160, 37%, 54%);color-scheme:dark}*{box-sizing:border-box}body{background-color:var(--backdrop);color:var(--foreground);font-family:var(--font);margin:0;height:100vh;position:relative;z-index:-2}main:not(:has(article)),article{width:80%;margin-inline:auto;position:relative;--slant-size: 20px;--wing-width: var(--slant-size);padding-inline:calc(var(--slant-size) * 2);min-height:calc(var(--slant-size) * 2);background-color:color-mix(in srgb,var(--backdrop),transparent 30%);margin-block-end:4em}main:not(:has(article)):before,main:not(:has(article)):after,article:before,article:after{position:absolute;top:0;bottom:0;content:"";display:block;width:var(--wing-width);background-color:var(--primary)}main:not(:has(article)):before,article:before{left:0;clip-path:polygon(0 var(--slant-size),0 calc(100% - var(--slant-size)),var(--slant-size) 100%,100% 100%,100% 0,var(--slant-size) 0)}main:not(:has(article)):after,article:after{right:0;clip-path:polygon(0 0,0 100%,calc(100% - var(--slant-size)) 100%,100% calc(100% - var(--slant-size)),100% var(--slant-size),calc(100% - var(--slant-size)) 0)}@media (max-width: 768px){main:not(:has(article)):before,main:not(:has(article)):after,article:before,article:after{content:unset}main:not(:has(article)),article{width:100%;font-size:.9em}}.hatch{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;z-index:-2}.hatch:before{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;z-index:-1;--hatch-color: color-mix(in srgb, var(--background), white .5%);background-image:linear-gradient(to bottom,var(--hatch-color) 0%,var(--backdrop) .5%,var(--backdrop) 48%,var(--hatch-color) 49%,var(--hatch-color) 50%,var(--backdrop) 51%,var(--backdrop) 99%,var(--hatch-color) 99.5%);background-size:50px 50px;background-image:radial-gradient(var(--hatch-color) 8%,var(--backdrop) 9%);background-size:35px 35px;rotate:-55deg}p,ul,ol{line-height:1.7em;font-size:1.1em}a,a:link,a:visited{color:var(--primary);text-decoration:none;filter:saturate(1.3) brightness(1.3)}a:hover{color:var(--secondary);text-decoration:underline}a:active{color:var(--tertiary)}header.svelte-q2j4by{height:75px;display:flex;--slant-size: 50px;margin-bottom:20px;z-index:1;position:relative}h1.svelte-q2j4by{font-size:1.5em;margin-inline-end:30px}.main-segment.svelte-q2j4by{background-color:var(--primary);height:100%;padding:20px calc(20px + var(--slant-size)) 20px 20px;clip-path:polygon(0 0,100% 0,calc(100% - var(--slant-size)) 100%,0 100%);display:flex;justify-content:center;align-items:center;flex-grow:0;position:relative}.shadow-segment.svelte-q2j4by{background-color:#0007;height:50%;padding:10px calc(10px + calc(.45 * var(--slant-size))) 10px 10px;clip-path:polygon(calc(.5 * var(--slant-size)) 0,100% 0,calc(100% - calc(.5 * var(--slant-size))) 100%,0 100%);display:flex;justify-content:center;align-items:center;flex-grow:0;position:relative;translate:calc(-.5 * var(--slant-size)) 0}.second-segment.svelte-q2j4by{background-color:var(--secondary);flex-grow:1;margin-inline-start:calc(-3 * var(--slant-size));padding:10px 10px 10px calc(10px + var(--slant-size));display:flex;justify-content:end;align-items:center;vertical-align:middle;height:50%;overflow:hidden}a.svelte-q2j4by{margin-inline:1em;padding-inline:.4em;padding-block:.2em;position:relative}a.svelte-q2j4by,a.svelte-q2j4by:link,a.svelte-q2j4by:hover,a.svelte-q2j4by:active,a.svelte-q2j4by:visited{color:var(--foreground);text-decoration:none}a:not(vanilla).selected.svelte-q2j4by{outline:2px solid var(--foreground)}a.svelte-q2j4by:not(.vanilla):after,a.svelte-q2j4by:not(.vanilla):before{position:absolute;top:0;content:"";width:.5em;height:100%;border:0px solid transparent;transition:.2s}a.svelte-q2j4by:not(.vanilla):before{left:0;transform:translate(-5px,-.2px)}a.svelte-q2j4by:not(.vanilla):after{right:0;transform:translate(5px,-.2px)}a.svelte-q2j4by:not(.vanilla):hover:before{transform:translate(-2px,-2.2px);border:2px solid var(--foreground);border-inline-end:0px none transparent}a.svelte-q2j4by:not(.vanilla):hover:after{transform:translate(2px,-2.2px);border:2px solid var(--foreground);border-inline-start:0px none transparent}.menu-opener.svelte-q2j4by input:where(.svelte-q2j4by){width:0;height:0;position:fixed;top:0;outline:none}.menu-opener.svelte-q2j4by{display:none;height:100%;aspect-ratio:1 / 1}div.dropdown.svelte-q2j4by{display:flex;flex-direction:row}div.dropdown.svelte-q2j4by :where(.svelte-q2j4by){z-index:10}@media only screen and (max-width: 1100px){.main-segment.svelte-q2j4by{flex-grow:1;clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%)}.second-segment.svelte-q2j4by,.shadow-segment.svelte-q2j4by{display:none}}@media (max-width: 768px){main.svelte-q2j4by:before,main.svelte-q2j4by:after{content:unset}main.svelte-q2j4by{margin:0;width:100%;font-size:.9em}.main-segment.svelte-q2j4by{padding:20px;overflow:visible;clip-path:unset;position:relative}.menu-opener.svelte-q2j4by{display:block}.menu-opener.svelte-q2j4by:focus-within svg:where(.svelte-q2j4by){outline:auto}div.dropdown.svelte-q2j4by{display:flex!important;flex-direction:column;position:absolute;right:0;bottom:0;translate:0 var(--slant-size);padding:20px 20px calc(20px + var(--slant-size)) 20px;background-color:var(--secondary);clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - var(--slant-size)));transition:.2s;gap:1em;text-align:center;font-size:1.2em;z-index:-1}.menu-opener.svelte-q2j4by:has(input:where(.svelte-q2j4by):checked)+div.dropdown:where(.svelte-q2j4by){translate:0 100%}a.svelte-q2j4by:before,a.svelte-q2j4by:after{content:unset;display:none}}@media (prefers-reduced-motion: reduce){a.svelte-q2j4by:not(.vanilla):after,a.svelte-q2j4by:not(.vanilla):before{transition:0s}div.dropdown.svelte-q2j4by{transition:0s}}