: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}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%)}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)}.hatch{width:100%;height:100%;position:fixed;overflow:hidden;top:0;left:0;z-index:-1}.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{line-height:1.7em;font-size:1.1em}a,a:link{color:var(--primary);text-decoration:none}a:visited{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}a:active{color:var(--tertiary)}header.svelte-m7xsr7{height:75px;display:flex;--slant-size: 50px;margin-bottom:20px}h1.svelte-m7xsr7{font-size:1.5em;margin-inline-end:30px}.main-segment.svelte-m7xsr7{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;transition:2s;position:relative;z-index:9}.shadow-segment.svelte-m7xsr7{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;transition:2s;position:relative;z-index:9;translate:calc(-.5 * var(--slant-size)) 0}.second-segment.svelte-m7xsr7{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-m7xsr7{margin-inline:1em;padding-inline:.4em;padding-block:.2em;position:relative}a.svelte-m7xsr7,a.svelte-m7xsr7:link,a.svelte-m7xsr7:hover,a.svelte-m7xsr7:active,a.svelte-m7xsr7:visited{color:var(--foreground);text-decoration:none}a:not(vanilla).selected.svelte-m7xsr7{outline:2px solid var(--foreground)}a.svelte-m7xsr7:not(.vanilla):after,a.svelte-m7xsr7:not(.vanilla):before{position:absolute;top:0;content:"";width:.5em;height:100%;border:0px solid transparent;transition:.2s}a.svelte-m7xsr7:not(.vanilla):before{left:0;transform:translate(-5px,-.2px)}a.svelte-m7xsr7:not(.vanilla):after{right:0;transform:translate(5px,-.2px)}a.svelte-m7xsr7:not(.vanilla):hover:before{transform:translate(-2px,-2.2px);border:2px solid var(--foreground);border-inline-end:0px none transparent}a.svelte-m7xsr7:not(.vanilla):hover:after{transform:translate(2px,-2.2px);border:2px solid var(--foreground);border-inline-start:0px none transparent}@media only screen and (max-width: 1100px){.main-segment.svelte-m7xsr7{flex-grow:1;clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%)}.second-segment.svelte-m7xsr7,.shadow-segment.svelte-m7xsr7{display:none}}@media (prefers-reduced-motion: reduce){a.svelte-m7xsr7:not(.vanilla):after,a.svelte-m7xsr7:not(.vanilla):before{transition:0s}}