@import "https://fonts.googleapis.com/css2?family=Pangolin:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";@font-face{font-family:FingerPaint;src:url(../fonts/FingerPaintRegular.ttf)format("truetype")}:root{--fontStack:"Pangolin", monospace, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--h:270;--sMult:1;--text:hsl(var(--h), calc(5% * var(--sMult)), 100%);--text2:hsl(var(--h), calc(10% * var(--sMult)), 70%);--text3:hsl(var(--h), calc(20% * var(--sMult)), 50%);--bg:hsl(var(--h), calc(50% * var(--sMult)), 5%);--bg2:hsl(var(--h), calc(45% * var(--sMult)), 15%);--bg25:hsl(var(--h), calc(43% * var(--sMult)), 20%);--bg3:hsl(var(--h), calc(40% * var(--sMult)), 30%);--bg4:hsl(var(--h), calc(35% * var(--sMult)), 40%);--highlight:hsl(var(--h), calc(100% * min(1, .5 + var(--sMult))), 70%);--highlight2:hsl(var(--h), calc(100% * min(1, .5 + var(--sMult))), 80%);--success:#14b814;--warningH:15;--warning:hsl(var(--warningH), 80%, 57%);--warningL:hsl(var(--warningH), 85%, 65%);--borderRadius:6px;--borderRadius2:calc(var(--borderRadius) * 2);--pagePadLr:2.5rem;--pagePadTb:2.5rem;--pageColumnWidth:1000px;--textColumnWidth:600px;--marTiny:calc(var(--mar) * .25);--marSmall:calc(var(--mar) * .5);--mar:2em;--marBig:calc(var(--mar) * 2);--lineHeight:1.1}html{font-size:18px;line-height:var(--lineHeight);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;min-height:100svh;line-height:1.5}#__nuxt,body,html{height:100%}body{width:100%;min-height:100vh;font-family:var(--fontStack);color:var(--text);background:var(--bg2);min-height:100svh}.font1{font-family:FingerPaint,monospace}.font2{font-family:Permanent Marker,monospace}*,:after,:before{box-sizing:border-box;margin:0}#__nuxt{max-width:100svw;min-height:100svh}.iconify{flex-grow:0;flex-shrink:0;font-size:1.5rem}.fakeLink,a,a:active,a:visited{color:var(--highlight2);text-decoration:none}.fakeLink.highlight,.fakeLink.primary,a.highlight,a.primary,a:active.highlight,a:active.primary,a:visited.highlight,a:visited.primary{color:var(--highlight)}.fakeLink:hover,a:not(.button):hover{cursor:pointer;color:var(--highlight)}img{max-width:100%}hr{border:none;border:1px dashed var(--bg3);width:100%;margin:2em 0}.h1,h1{text-wrap:balance;text-shadow:0 .1em .3em var(--bg);font-family:Permanent Marker,FingerPaint,monospace;font-size:4em;font-weight:400;line-height:1.05}@media (width<=768px){:root{--pagePadLr:1rem;--pagePadTb:1rem;--mar:1em}.h1,h1{font-size:2em}}.h2,h2{text-wrap:balance;text-shadow:0 .1em .3em var(--bg);font-family:Permanent Marker,FingerPaint,monospace;font-size:2.6em;font-weight:400;line-height:1.1}@media (width<=768px){.h2,h2{font-size:1.5em}}.h3,h3{text-wrap:balance;font-family:FingerPaint,Permanent Marker,monospace;font-size:1.3em;font-weight:600;line-height:1.2}@media (width<=768px){.h3,h3{font-size:1em}}.h4,h4{font-family:FingerPaint,Permanent Marker,monospace;font-size:1.1em;font-weight:600;line-height:1.4}@media (width<=768px){.h4,h4{font-size:1px}}.page{padding:var(--pagePadTb) max(var(--pagePadLr),50vw - 225px);position:relative}.warning{color:var(--warningL);font-weight:500}.success{color:var(--success);font-weight:500}.highlight,.hoverHighlight:hover{color:var(--highlight)}.keyIcon{color:#ffffffb3;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff4d;border-radius:4px;min-width:16px;margin-bottom:2px;padding:2px 4px;font-size:.7em;font-weight:600;display:inline-block;box-shadow:0 2px #fff3}.button,.keyIcon,button{text-align:center;line-height:1}.button,button{--buttonBg:var(--bg3);--buttonBgHover:var(--bg4);--buttonBgActive:var(--bg);--buttonColor:var(--text);--buttonColorHover:var(--text);--buttonColorActive:var(--bg);cursor:pointer;color:var(--buttonColor);box-shadow:inset 0 0 0 1px var(--bg3);border-radius:var(--borderRadius);background:0 0;background:var(--buttonBg);border:none;margin:0;padding:1em 2em;font-family:inherit;font-size:1rem;display:inline-block}.button:hover,button:hover{background:var(--buttonBgHover);color:var(--buttonColorHover)}.button.primary,button.primary{--buttonBg:var(--highlight);--buttonBgHover:var(--highlight2);--buttonBgActive:var(--highlight);--buttonColor:var(--text);--buttonColorHover:var(--text);--buttonColorActive:var(--text);box-shadow:0 0 0 1px var(--buttonBgActive)}.button.primary2:hover,.button.primary:hover,button.primary2:hover,button.primary:hover{background:var(--buttonBgHover)}.button.primary2,button.primary2{--buttonBg:var(--highlight2);--buttonBgHover:var(--highlight);--buttonBgActive:var(--highlight2);box-shadow:0 0 0 1px var(--bg)}.button.invert,.button.primary2,button.invert,button.primary2{--buttonColor:var(--bg);--buttonColorHover:var(--bg);--buttonColorActive:var(--bg)}.button.invert,button.invert{--buttonBg:var(--text);--buttonBgHover:var(--text2);--buttonBgActive:var(--text);box-shadow:none}.button.big,button.big{border-radius:var(--borderRadius2);padding:2em 3em;font-size:1em!important}.button.small,button.small{padding:.5em 1em;font-size:1em!important}.button.tiny,button.tiny{padding:.2em .5em;font-size:.8em!important}.button.icon,button.icon{aspect-ratio:1;border-radius:50%;line-height:1;font-size:1em!important}.button.icon.small,button.icon.small{font-size:.8em!important}.button.icon>*,button.icon>*{margin-bottom:-.1em}.buttonRow{align-items:stretch;display:flex}.buttonRow>*{border-radius:0;flex-grow:1;justify-content:center;align-items:center;margin-left:0;margin-right:0;display:flex}.buttonRow :first-child{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}.buttonRow :last-child{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}.buttonColumn{flex-direction:column;align-items:stretch;display:flex}.buttonColumn>*{flex-grow:1;margin-bottom:0;margin-left:0;margin-right:0}.buttonColumn>*,.buttonColumn>*>*{border-radius:0!important}.buttonColumn>:first-child,.buttonColumn>:first-child>:last-child{border-top-right-radius:var(--borderRadius)!important}.buttonColumn>:first-child,.buttonColumn>:first-child>:first-child{border-top-left-radius:var(--borderRadius)!important}.buttonColumn>:last-child,.buttonColumn>:last-child>:last-child{border-bottom-right-radius:var(--borderRadius)!important}.buttonColumn>:last-child,.buttonColumn>:last-child>:first-child{border-bottom-left-radius:var(--borderRadius)!important}input,textarea{background:var(--bg2);box-shadow:inset 0 0 0 1px var(--bg3);color:var(--text);border-radius:var(--borderRadius);border:none;width:100%;margin:.5em 0;padding:.5em 1em;font-family:inherit;font-size:1rem;display:block}input[type=range]{appearance:none;background:var(--bg2);opacity:1;border-radius:.5em;outline:none;width:100%;height:1em;margin-top:.8em;margin-bottom:1em}input[type=range]:hover{opacity:1}input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--borderRadius);cursor:pointer;background:#00b5d9;border:none;width:1.5em;height:1.5em}input[type=range]::-moz-range-thumb{border-radius:var(--borderRadius);cursor:pointer;background:#00b5d9;border:none;width:1.5em;height:1.5em}select{box-shadow:inset 0 0 0 1px var(--bg3);color:var(--text);border-radius:var(--borderRadius);border:none;width:100%;margin:.5em 0;padding:.5em 1em;font-family:inherit;font-size:1rem;display:block}select,select option{background:var(--bg2)}.sub{opacity:.6;font-size:.9em;line-height:1.2}.monospace{font-family:monospace}.bold{font-weight:700}.black{font-weight:900}.strikethrough{text-decoration:line-through}.block{display:block}.fullWidth{width:100%;grid-column:1/-1!important}.fullHeight{height:100%;min-height:100%}.pageHeight{min-height:100vh}.borderRadius{border-radius:var(--borderRadius)}.borderRadius2{border-radius:var(--borderRadius2)}.noBorderRadius{border-radius:0!important}.disabled,:disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.notAllowed{cursor:not-allowed}.pointer{cursor:pointer}.o1{opacity:.1}.o2{opacity:.2}.o3{opacity:.3}.o4{opacity:.4}.o5{opacity:.5}.o6{opacity:.6}.o7{opacity:.7}.o8{opacity:.8}.o9{opacity:.9}.z0{z-index:0}.z1{z-index:1}.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.z5{z-index:5}.bg{background:var(--bg)}.bg2{background:var(--bg2)}.bg3{background:var(--bg3)}.bg4{background:var(--bg4)}.screen{mix-blend-mode:screen}.multiply{mix-blend-mode:multiply}.grid,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8{display:grid}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}.grid4{grid-template-columns:1fr 1fr 1fr 1fr}.grid5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.grid6{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.grid7{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.grid8{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.gap,.gridGap{grid-gap:1rem;gap:1rem}.gapBig{grid-gap:2rem;gap:2rem}.gapBig2{grid-gap:4rem;gap:4rem}.gapSmall{grid-gap:.5rem;gap:.5rem}.gapTiny{grid-gap:.25rem;gap:.25rem}.pre{white-space:pre-wrap}.outline{box-shadow:0 0 0 .2em #00000080}.text2{color:var(--text2)}.text3{color:var(--text3)}.small{font-size:.8em}.small,.small2{line-height:1.2}.small2{font-size:.65em}.medium{font-size:.9em}.big{font-size:1.5em;line-height:1.3}.fade{opacity:.6}.fade2,.sub.fade{opacity:.4}.normal{font-weight:400!important}.caps,.smallCaps,.uppercase{text-transform:uppercase}.breakWord{word-break:break-word}.smallCaps{letter-spacing:.05em;font-size:.8em;font-weight:700}.rounded{border-radius:.5em}.noOverflow,.overflowHidden,.rounded{overflow:hidden}.underline{text-decoration:underline}.noBg{background:0 0!important}.flex,.flexColumn,.flexRow,.flexWrap{display:flex!important}.flexWrap{flex-wrap:wrap}.flexRow{flex-direction:row}.flexColumn{flex-direction:column}.flexCenter{justify-content:center}.flexCenter,.flexVertCenter,.flexVerticalCenter{align-items:center;display:flex!important}.flexHorizCenter,.flexHorizontalCenter{justify-content:center;display:flex!important}.flexBetween{justify-content:space-between;display:flex!important}.flexStretch{justify-content:stretch;align-items:stretch;display:flex!important}.flexStretch>*{flex-grow:1}.flexNone,.noFlex{flex-grow:0;flex-shrink:0}.flexGrow{flex-grow:1}.flexShrink{flex-shrink:1}.noPad,.padNone{padding:0!important}.noPadTop,.padTopNone{padding-top:0!important}.noPadLeft,.padLeftNone{padding-left:0!important}.noPadRight,.padRightNone{padding-right:0!important}.noPadBot,.padBotNone{padding-bottom:0!important}.marNone,.noMar{margin:0!important}.marTopNone,.noMarTop{margin-top:0!important}.marLeftNone,.noMarLeft{margin-left:0!important}.marRightNone,.noMarRight{margin-right:0!important}.marBotNone,.noMarBot{margin-bottom:0!important}.mar{margin:var(--mar)!important}.marSmall{margin:var(--marSmall)!important}.marBig{margin:var(--marBig)!important}.marTiny{margin:var(--marTiny)!important}.marTop{margin-top:var(--mar)!important}.marAuto{margin:auto!important}.marTopSmall{margin-top:var(--marSmall)!important}.marTopBig{margin-top:var(--marBig)!important}.marTopTiny{margin-top:var(--marTiny)!important}.marBot{margin-bottom:var(--mar)!important}.marBotSmall{margin-bottom:var(--marSmall)!important}.marBotBig{margin-bottom:var(--marBig)!important}.marBotTiny{margin-bottom:var(--marTiny)!important}.marLeft{margin-left:var(--mar)!important}.marLeftSmall{margin-left:var(--marSmall)!important}.marLeftBig{margin-left:var(--marBig)!important}.marLeftTiny{margin-left:var(--marTiny)!important}.marRight{margin-right:var(--mar)!important}.marRightSmall{margin-right:var(--marSmall)!important}.marRightBig{margin-right:var(--marBig)!important}.marRightTiny{margin-right:var(--marTiny)!important}.marAuto,.marginAuto{margin-left:auto!important;margin-right:auto!important}.pad{padding:var(--mar)!important}.padSmall{padding:var(--marSmall)!important}.padBig{padding:var(--marBig)!important}.padTiny{padding:var(--marTiny)!important}.padTop{padding-top:var(--mar)!important}.padTopSmall{padding-top:var(--marSmall)!important}.padTopBig{padding-top:var(--marBig)!important}.padTopTiny{padding-top:var(--marTiny)!important}.padBot{padding-bottom:var(--mar)!important}.padBotSmall{padding-bottom:var(--marSmall)!important}.padBotBig{padding-bottom:var(--marBig)!important}.padBotTiny{padding-bottom:var(--marTiny)!important}.padLeft{padding-left:var(--mar)!important}.padLeftSmall{padding-left:var(--marSmall)!important}.padLeftBig{padding-left:var(--marBig)!important}.padLeftTiny{padding-left:var(--marTiny)!important}.padRight{padding-right:var(--mar)!important}.padRightSmall{padding-right:var(--marSmall)!important}.padRightBig{padding-right:var(--marBig)!important}.padRightTiny{padding-right:var(--marTiny)!important}.relative{position:relative}.absolute{position:absolute}.scroll{overflow-y:scroll}.hideScrollbar{scrollbar-width:none;-ms-overflow-style:none}.hideScrollbar::-webkit-scrollbar{display:none}.noPointer{pointer-events:none}.pointerAuto{pointer-events:auto}.selectable{-webkit-user-select:text;user-select:text}.noWrap{white-space:nowrap;flex-wrap:nowrap}.wrap{white-space:wrap}.inline,.inlineBlock{display:inline-block}.textCenter{text-align:center!important}.textRight{text-align:right!important}.textLeft{text-align:left!important}.invisible{opacity:0;pointer-events:none}.displayNone{display:none!important}.kevin{font-family:FingerPaint,monospace;color:var(--warning)!important}.transition{transition:all .2s ease-in-out}.transitionSlow{transition:all .5s ease-in-out}.transitionSlow2{transition:all 1s ease-in-out}.noTransition,.transitionNone{transition:all!important}.page-enter-active{transition:all .3s}.page-leave-active{transition:all}.fade-enter,.fade-leave-to,.page-enter-from,.page-leave-active,.page-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.wiggleHover:hover{animation:.15s ease-in-out infinite alternate wiggle}@keyframes wiggle{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
