From ae9e242f7573696009e1d22e717a2e13fe5f2d9b Mon Sep 17 00:00:00 2001 From: Ehan Date: Sat, 10 Aug 2024 18:33:33 +0000 Subject: [PATCH] Compile & minify --- css/ehui-auto.css | 68 ------------------------------------- css/ehui-dark.css | 34 ------------------- css/ehui-light.css | 34 ------------------- site/css/ehui-auto.min.css | 4 +-- site/css/ehui-dark.min.css | 2 +- site/css/ehui-light.min.css | 2 +- 6 files changed, 4 insertions(+), 140 deletions(-) diff --git a/css/ehui-auto.css b/css/ehui-auto.css index f788584..9d43cc1 100644 --- a/css/ehui-auto.css +++ b/css/ehui-auto.css @@ -1331,40 +1331,6 @@ html.min .hero > .logo::before { background-color: #f1f3f5; } -/* third party styling requirements */ -button.g, -.button.g { - font-family: "roboto"; - background-color: #dfdfed; - color: #181820; - border-color: #dfdfed; - padding: 0.6rem 0.8rem; - border-width: 0.4rem; -} - -button.g:hover, -.button.g:hover, -button.g:focus-visible, -.button.g:focus-visible { - color: #181820; - background-color: #CFCFE6; -} - -button.g:focus-visible, -.button.g:focus-visible { - outline-color: #dfdfed; -} - -button.g img { - height: 1.4rem; - width: 1.4rem; -} - -button.guest, -.button.guest { - border-width: 0.4rem; -} - button.large, .button.large { padding: 0.6rem 1.2rem; @@ -2852,40 +2818,6 @@ html.min .hero > .logo::before { background-color: #181825; } -/* third party styling requirements */ -button.g, -.button.g { - font-family: "roboto"; - background-color: #dfdfed; - color: #181820; - border-color: #dfdfed; - padding: 0.6rem 0.8rem; - border-width: 0.4rem; -} - -button.g:hover, -.button.g:hover, -button.g:focus-visible, -.button.g:focus-visible { - color: #181820; - background-color: #CFCFE6; -} - -button.g:focus-visible, -.button.g:focus-visible { - outline-color: #dfdfed; -} - -button.g img { - height: 1.4rem; - width: 1.4rem; -} - -button.guest, -.button.guest { - border-width: 0.4rem; -} - button.large, .button.large { padding: 0.6rem 1.2rem; diff --git a/css/ehui-dark.css b/css/ehui-dark.css index 9074324..2bad811 100644 --- a/css/ehui-dark.css +++ b/css/ehui-dark.css @@ -1331,40 +1331,6 @@ html.min .hero > .logo::before { background-color: #181825; } -/* third party styling requirements */ -button.g, -.button.g { - font-family: "roboto"; - background-color: #dfdfed; - color: #181820; - border-color: #dfdfed; - padding: 0.6rem 0.8rem; - border-width: 0.4rem; -} - -button.g:hover, -.button.g:hover, -button.g:focus-visible, -.button.g:focus-visible { - color: #181820; - background-color: #CFCFE6; -} - -button.g:focus-visible, -.button.g:focus-visible { - outline-color: #dfdfed; -} - -button.g img { - height: 1.4rem; - width: 1.4rem; -} - -button.guest, -.button.guest { - border-width: 0.4rem; -} - button.large, .button.large { padding: 0.6rem 1.2rem; diff --git a/css/ehui-light.css b/css/ehui-light.css index b3364a4..fb3edbb 100644 --- a/css/ehui-light.css +++ b/css/ehui-light.css @@ -1331,40 +1331,6 @@ html.min .hero > .logo::before { background-color: #f1f3f5; } -/* third party styling requirements */ -button.g, -.button.g { - font-family: "roboto"; - background-color: #dfdfed; - color: #181820; - border-color: #dfdfed; - padding: 0.6rem 0.8rem; - border-width: 0.4rem; -} - -button.g:hover, -.button.g:hover, -button.g:focus-visible, -.button.g:focus-visible { - color: #181820; - background-color: #CFCFE6; -} - -button.g:focus-visible, -.button.g:focus-visible { - outline-color: #dfdfed; -} - -button.g img { - height: 1.4rem; - width: 1.4rem; -} - -button.guest, -.button.guest { - border-width: 0.4rem; -} - button.large, .button.large { padding: 0.6rem 1.2rem; diff --git a/site/css/ehui-auto.min.css b/site/css/ehui-auto.min.css index 6ca9aca..3590987 100644 --- a/site/css/ehui-auto.min.css +++ b/site/css/ehui-auto.min.css @@ -8,7 +8,7 @@ EhUI is free and open source Copyright (c) Ehan Ahamed and contributors https://ehan.dev/ehui/LICENSE.txt -*/:root{color-scheme:light}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#fbfcfc;color:#343a40;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#c499ff;color:#343a40}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#343a40;color:#fbfcfc}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#f1f3f5}.box{border:.2rem solid #f1f3f5;border-radius:.8rem;color:#343a40;padding:1rem}.hero{border-bottom:.2rem solid #ced4da;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#fbfcfc;border-bottom:.2rem solid #ced4da;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #fbfcfc}.nav>div.current{border-bottom:.2rem solid #573699}.nav>div.current>a{color:#573699}.footer,footer{border-top:.2rem solid #ced4da;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #ced4da;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #ced4da}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #ced4da}.a,a{border-radius:.4rem;color:#7447cc;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#573699}.a:focus-visible,a:focus-visible{outline:.2rem solid #7447cc;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#7447cc;border:.2rem solid #7447cc;border-radius:2rem;box-sizing:border-box;color:#fbfcfc;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#e8ebee;border-color:#e8ebee;color:#7447cc}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#573699;color:#fbfcfc}.button:focus-visible,button:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#868e96;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;box-sizing:border-box;color:#343a40;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#573699}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#7447cc}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#fbfcfc;border:.2rem solid #7447cc;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#573699}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#7447cc;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#868e96;display:flex;justify-content:center}.separator:after,.separator:before{background:#ced4da;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#fbfcfc;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #ced4da;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #ced4da;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #ced4da;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#7447cc}a.mark:focus-visible,a.mark:hover{color:#573699}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#e64545}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#00b377}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#fbfcfc}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#343a40}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#868e96}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#7447cc}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#00b377}.mark.markOhno,mark.markOhno{background-color:#e64545}.mark.markYay,mark.markYay{background-color:#00b377}.mark.markBg4,mark.markBg4{background-color:#ced4da}.mark.markBg2,mark.markBg2{background-color:#f1f3f5}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#343a40}.mark.markFg0,mark.markFg0{background-color:#868e96}.mark.markMain,mark.markMain{background-color:#7447cc}.mark.markExtra,mark.markExtra{background-color:#00b377}.box.ohno{border-color:#e64545;color:#e64545}.box.yay{border-color:#00b377;color:#00b377}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#e64545;border-color:#e64545}.button.extra,.button.yay,button.extra,button.yay{background-color:#00b377;border-color:#00b377}.button.extra,button.extra{color:#f1f3f5}.button.alt.ohno,button.alt.ohno{background-color:#e8ebee;border-color:#e8ebee;color:#e64545}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#e8ebee;border-color:#e8ebee;color:#00b377}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#b33636;color:#fbfcfc}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#008055;color:#fbfcfc}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#008055;color:#f1f3f5}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#e64545}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#00b377}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#00b377}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#b33636}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#008055}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#e64545}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#00b377}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#00b377}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#fbfcfc;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#7447cc;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#f1f3f5;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.g,button.g{background-color:#dfdfed;border-color:#dfdfed;border-width:.4rem;color:#181820;font-family:roboto;padding:.6rem .8rem}.button.g:focus-visible,.button.g:hover,button.g:focus-visible,button.g:hover{background-color:#cfcfe6;color:#181820}.button.g:focus-visible,button.g:focus-visible{outline-color:#dfdfed}button.g img{height:1.4rem;width:1.4rem}.button.guest,button.guest{border-width:.4rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#e64545}.fill-ohno-alt{fill:#b33636}.fill-yay{fill:#00b377}.fill-yay-alt{fill:#008055}.fill-main{fill:#7447cc}.fill-main-alt{fill:#573699}.fill-extra{fill:#00b377}.fill-extra-alt{fill:#008055}.fill-extra-bg{fill:#f1f3f5}.fill-fg1,.fill-fg2{fill:#343a40}.fill-fg0{fill:#868e96}.fill-bg4{fill:#ced4da}.fill-bg3{fill:#e8ebee}.fill-bg2{fill:#f1f3f5}.fill-bg1{fill:#fbfcfc}.fill-bg0{fill:#f1f3f5}.background-bg2,.background-extra-bg{background-color:#f1f3f5}.background-bg1{background-color:#fbfcfc}.background-bg0{background-color:#f1f3f5}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#f1f3f5;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}}@media (prefers-color-scheme:dark){ +*/:root{color-scheme:light}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#fbfcfc;color:#343a40;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#c499ff;color:#343a40}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#343a40;color:#fbfcfc}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#f1f3f5}.box{border:.2rem solid #f1f3f5;border-radius:.8rem;color:#343a40;padding:1rem}.hero{border-bottom:.2rem solid #ced4da;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#fbfcfc;border-bottom:.2rem solid #ced4da;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #fbfcfc}.nav>div.current{border-bottom:.2rem solid #573699}.nav>div.current>a{color:#573699}.footer,footer{border-top:.2rem solid #ced4da;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #ced4da;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #ced4da}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #ced4da}.a,a{border-radius:.4rem;color:#7447cc;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#573699}.a:focus-visible,a:focus-visible{outline:.2rem solid #7447cc;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#7447cc;border:.2rem solid #7447cc;border-radius:2rem;box-sizing:border-box;color:#fbfcfc;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#e8ebee;border-color:#e8ebee;color:#7447cc}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#573699;color:#fbfcfc}.button:focus-visible,button:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#868e96;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;box-sizing:border-box;color:#343a40;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#573699}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#7447cc}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#fbfcfc;border:.2rem solid #7447cc;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#573699}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#7447cc;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#868e96;display:flex;justify-content:center}.separator:after,.separator:before{background:#ced4da;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#fbfcfc;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #ced4da;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #ced4da;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #ced4da;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#7447cc}a.mark:focus-visible,a.mark:hover{color:#573699}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#e64545}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#00b377}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#fbfcfc}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#343a40}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#868e96}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#7447cc}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#00b377}.mark.markOhno,mark.markOhno{background-color:#e64545}.mark.markYay,mark.markYay{background-color:#00b377}.mark.markBg4,mark.markBg4{background-color:#ced4da}.mark.markBg2,mark.markBg2{background-color:#f1f3f5}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#343a40}.mark.markFg0,mark.markFg0{background-color:#868e96}.mark.markMain,mark.markMain{background-color:#7447cc}.mark.markExtra,mark.markExtra{background-color:#00b377}.box.ohno{border-color:#e64545;color:#e64545}.box.yay{border-color:#00b377;color:#00b377}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#e64545;border-color:#e64545}.button.extra,.button.yay,button.extra,button.yay{background-color:#00b377;border-color:#00b377}.button.extra,button.extra{color:#f1f3f5}.button.alt.ohno,button.alt.ohno{background-color:#e8ebee;border-color:#e8ebee;color:#e64545}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#e8ebee;border-color:#e8ebee;color:#00b377}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#b33636;color:#fbfcfc}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#008055;color:#fbfcfc}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#008055;color:#f1f3f5}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#e64545}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#00b377}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#00b377}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#b33636}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#008055}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#e64545}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#00b377}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#00b377}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#fbfcfc;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#7447cc;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#f1f3f5;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#e64545}.fill-ohno-alt{fill:#b33636}.fill-yay{fill:#00b377}.fill-yay-alt{fill:#008055}.fill-main{fill:#7447cc}.fill-main-alt{fill:#573699}.fill-extra{fill:#00b377}.fill-extra-alt{fill:#008055}.fill-extra-bg{fill:#f1f3f5}.fill-fg1,.fill-fg2{fill:#343a40}.fill-fg0{fill:#868e96}.fill-bg4{fill:#ced4da}.fill-bg3{fill:#e8ebee}.fill-bg2{fill:#f1f3f5}.fill-bg1{fill:#fbfcfc}.fill-bg0{fill:#f1f3f5}.background-bg2,.background-extra-bg{background-color:#f1f3f5}.background-bg1{background-color:#fbfcfc}.background-bg0{background-color:#f1f3f5}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#f1f3f5;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}}@media (prefers-color-scheme:dark){ /*! EhUI Copyright (c) Ehan Ahamed and contributors @@ -19,4 +19,4 @@ EhUI is free and open source Copyright (c) Ehan Ahamed and contributors https://ehan.dev/ehui/LICENSE.txt -*/:root{color-scheme:dark}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#1e1e2e;color:#c3cce9;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#533380;color:#c3cce9}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#c3cce9;color:#1e1e2e}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#222333}.box{border:.2rem solid #222333;border-radius:.8rem;color:#c3cce9;padding:1rem}.hero{border-bottom:.2rem solid #3b3c4f;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#1e1e2e;border-bottom:.2rem solid #3b3c4f;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #1e1e2e}.nav>div.current{border-bottom:.2rem solid #b9f}.nav>div.current>a{color:#b9f}.footer,footer{border-top:.2rem solid #3b3c4f;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #3b3c4f;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #3b3c4f}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #3b3c4f}.a,a{border-radius:.4rem;color:#96f;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#b9f}.a:focus-visible,a:focus-visible{outline:.2rem solid #96f;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#96f;border:.2rem solid #96f;border-radius:2rem;box-sizing:border-box;color:#1e1e2e;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#2b2c3d;border-color:#2b2c3d;color:#96f}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#b9f;color:#1e1e2e}.button:focus-visible,button:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#9399b2;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;box-sizing:border-box;color:#c3cce9;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#b9f}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#96f}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#1e1e2e;border:.2rem solid #96f;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#b9f}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#96f;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#9399b2;display:flex;justify-content:center}.separator:after,.separator:before{background:#3b3c4f;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#1e1e2e;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #3b3c4f;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #3b3c4f;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #3b3c4f;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#96f}a.mark:focus-visible,a.mark:hover{color:#b9f}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#f66}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#6fc}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#1e1e2e}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#c3cce9}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#9399b2}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#96f}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#6fc}.mark.markOhno,mark.markOhno{background-color:#f66}.mark.markYay,mark.markYay{background-color:#6fc}.mark.markBg4,mark.markBg4{background-color:#3b3c4f}.mark.markBg2,mark.markBg2{background-color:#222333}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#c3cce9}.mark.markFg0,mark.markFg0{background-color:#9399b2}.mark.markMain,mark.markMain{background-color:#96f}.mark.markExtra,mark.markExtra{background-color:#6fc}.box.ohno{border-color:#f66;color:#f66}.box.yay{border-color:#6fc;color:#6fc}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#f66;border-color:#f66}.button.extra,.button.yay,button.extra,button.yay{background-color:#6fc;border-color:#6fc}.button.extra,button.extra{color:#181825}.button.alt.ohno,button.alt.ohno{background-color:#2b2c3d;border-color:#2b2c3d;color:#f66}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#2b2c3d;border-color:#2b2c3d;color:#6fc}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#f99;color:#1e1e2e}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#cfe;color:#1e1e2e}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#cfe;color:#181825}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#f66}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#6fc}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#6fc}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#f99}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#cfe}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#f66}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#6fc}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#6fc}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#1e1e2e;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#96f;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#181825;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.g,button.g{background-color:#dfdfed;border-color:#dfdfed;border-width:.4rem;color:#181820;font-family:roboto;padding:.6rem .8rem}.button.g:focus-visible,.button.g:hover,button.g:focus-visible,button.g:hover{background-color:#cfcfe6;color:#181820}.button.g:focus-visible,button.g:focus-visible{outline-color:#dfdfed}button.g img{height:1.4rem;width:1.4rem}.button.guest,button.guest{border-width:.4rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#f66}.fill-ohno-alt{fill:#f99}.fill-yay{fill:#6fc}.fill-yay-alt{fill:#cfe}.fill-main{fill:#96f}.fill-main-alt{fill:#b9f}.fill-extra{fill:#6fc}.fill-extra-alt{fill:#cfe}.fill-extra-bg{fill:#181825}.fill-fg1,.fill-fg2{fill:#c3cce9}.fill-fg0{fill:#9399b2}.fill-bg4{fill:#3b3c4f}.fill-bg3{fill:#2b2c3d}.fill-bg2{fill:#222333}.fill-bg1{fill:#1e1e2e}.fill-bg0{fill:#181825}.background-extra-bg{background-color:#181825}.background-bg2{background-color:#222333}.background-bg1{background-color:#1e1e2e}.background-bg0{background-color:#181825}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#222333;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}}} \ No newline at end of file +*/:root{color-scheme:dark}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#1e1e2e;color:#c3cce9;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#533380;color:#c3cce9}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#c3cce9;color:#1e1e2e}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#222333}.box{border:.2rem solid #222333;border-radius:.8rem;color:#c3cce9;padding:1rem}.hero{border-bottom:.2rem solid #3b3c4f;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#1e1e2e;border-bottom:.2rem solid #3b3c4f;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #1e1e2e}.nav>div.current{border-bottom:.2rem solid #b9f}.nav>div.current>a{color:#b9f}.footer,footer{border-top:.2rem solid #3b3c4f;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #3b3c4f;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #3b3c4f}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #3b3c4f}.a,a{border-radius:.4rem;color:#96f;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#b9f}.a:focus-visible,a:focus-visible{outline:.2rem solid #96f;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#96f;border:.2rem solid #96f;border-radius:2rem;box-sizing:border-box;color:#1e1e2e;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#2b2c3d;border-color:#2b2c3d;color:#96f}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#b9f;color:#1e1e2e}.button:focus-visible,button:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#9399b2;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;box-sizing:border-box;color:#c3cce9;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#b9f}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#96f}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#1e1e2e;border:.2rem solid #96f;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#b9f}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#96f;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#9399b2;display:flex;justify-content:center}.separator:after,.separator:before{background:#3b3c4f;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#1e1e2e;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #3b3c4f;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #3b3c4f;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #3b3c4f;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#96f}a.mark:focus-visible,a.mark:hover{color:#b9f}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#f66}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#6fc}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#1e1e2e}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#c3cce9}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#9399b2}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#96f}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#6fc}.mark.markOhno,mark.markOhno{background-color:#f66}.mark.markYay,mark.markYay{background-color:#6fc}.mark.markBg4,mark.markBg4{background-color:#3b3c4f}.mark.markBg2,mark.markBg2{background-color:#222333}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#c3cce9}.mark.markFg0,mark.markFg0{background-color:#9399b2}.mark.markMain,mark.markMain{background-color:#96f}.mark.markExtra,mark.markExtra{background-color:#6fc}.box.ohno{border-color:#f66;color:#f66}.box.yay{border-color:#6fc;color:#6fc}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#f66;border-color:#f66}.button.extra,.button.yay,button.extra,button.yay{background-color:#6fc;border-color:#6fc}.button.extra,button.extra{color:#181825}.button.alt.ohno,button.alt.ohno{background-color:#2b2c3d;border-color:#2b2c3d;color:#f66}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#2b2c3d;border-color:#2b2c3d;color:#6fc}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#f99;color:#1e1e2e}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#cfe;color:#1e1e2e}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#cfe;color:#181825}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#f66}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#6fc}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#6fc}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#f99}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#cfe}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#f66}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#6fc}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#6fc}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#1e1e2e;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#96f;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#181825;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#f66}.fill-ohno-alt{fill:#f99}.fill-yay{fill:#6fc}.fill-yay-alt{fill:#cfe}.fill-main{fill:#96f}.fill-main-alt{fill:#b9f}.fill-extra{fill:#6fc}.fill-extra-alt{fill:#cfe}.fill-extra-bg{fill:#181825}.fill-fg1,.fill-fg2{fill:#c3cce9}.fill-fg0{fill:#9399b2}.fill-bg4{fill:#3b3c4f}.fill-bg3{fill:#2b2c3d}.fill-bg2{fill:#222333}.fill-bg1{fill:#1e1e2e}.fill-bg0{fill:#181825}.background-extra-bg{background-color:#181825}.background-bg2{background-color:#222333}.background-bg1{background-color:#1e1e2e}.background-bg0{background-color:#181825}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#222333;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}}} \ No newline at end of file diff --git a/site/css/ehui-dark.min.css b/site/css/ehui-dark.min.css index 1789f23..7aa5979 100644 --- a/site/css/ehui-dark.min.css +++ b/site/css/ehui-dark.min.css @@ -8,4 +8,4 @@ EhUI is free and open source Copyright (c) Ehan Ahamed and contributors https://ehan.dev/ehui/LICENSE.txt -*/:root{color-scheme:dark}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#1e1e2e;color:#c3cce9;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#533380;color:#c3cce9}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#c3cce9;color:#1e1e2e}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#222333}.box{border:.2rem solid #222333;border-radius:.8rem;color:#c3cce9;padding:1rem}.hero{border-bottom:.2rem solid #3b3c4f;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#1e1e2e;border-bottom:.2rem solid #3b3c4f;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #1e1e2e}.nav>div.current{border-bottom:.2rem solid #b9f}.nav>div.current>a{color:#b9f}.footer,footer{border-top:.2rem solid #3b3c4f;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #3b3c4f;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #3b3c4f}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #3b3c4f}.a,a{border-radius:.4rem;color:#96f;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#b9f}.a:focus-visible,a:focus-visible{outline:.2rem solid #96f;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#96f;border:.2rem solid #96f;border-radius:2rem;box-sizing:border-box;color:#1e1e2e;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#2b2c3d;border-color:#2b2c3d;color:#96f}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#b9f;color:#1e1e2e}.button:focus-visible,button:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#9399b2;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;box-sizing:border-box;color:#c3cce9;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#b9f}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#96f}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#1e1e2e;border:.2rem solid #96f;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#b9f}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#96f;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#9399b2;display:flex;justify-content:center}.separator:after,.separator:before{background:#3b3c4f;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#1e1e2e;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #3b3c4f;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #3b3c4f;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #3b3c4f;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#96f}a.mark:focus-visible,a.mark:hover{color:#b9f}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#f66}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#6fc}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#1e1e2e}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#c3cce9}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#9399b2}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#96f}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#6fc}.mark.markOhno,mark.markOhno{background-color:#f66}.mark.markYay,mark.markYay{background-color:#6fc}.mark.markBg4,mark.markBg4{background-color:#3b3c4f}.mark.markBg2,mark.markBg2{background-color:#222333}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#c3cce9}.mark.markFg0,mark.markFg0{background-color:#9399b2}.mark.markMain,mark.markMain{background-color:#96f}.mark.markExtra,mark.markExtra{background-color:#6fc}.box.ohno{border-color:#f66;color:#f66}.box.yay{border-color:#6fc;color:#6fc}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#f66;border-color:#f66}.button.extra,.button.yay,button.extra,button.yay{background-color:#6fc;border-color:#6fc}.button.extra,button.extra{color:#181825}.button.alt.ohno,button.alt.ohno{background-color:#2b2c3d;border-color:#2b2c3d;color:#f66}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#2b2c3d;border-color:#2b2c3d;color:#6fc}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#f99;color:#1e1e2e}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#cfe;color:#1e1e2e}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#cfe;color:#181825}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#f66}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#6fc}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#6fc}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#f99}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#cfe}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#f66}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#6fc}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#6fc}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#1e1e2e;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#96f;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#181825;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.g,button.g{background-color:#dfdfed;border-color:#dfdfed;border-width:.4rem;color:#181820;font-family:roboto;padding:.6rem .8rem}.button.g:focus-visible,.button.g:hover,button.g:focus-visible,button.g:hover{background-color:#cfcfe6;color:#181820}.button.g:focus-visible,button.g:focus-visible{outline-color:#dfdfed}button.g img{height:1.4rem;width:1.4rem}.button.guest,button.guest{border-width:.4rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#f66}.fill-ohno-alt{fill:#f99}.fill-yay{fill:#6fc}.fill-yay-alt{fill:#cfe}.fill-main{fill:#96f}.fill-main-alt{fill:#b9f}.fill-extra{fill:#6fc}.fill-extra-alt{fill:#cfe}.fill-extra-bg{fill:#181825}.fill-fg1,.fill-fg2{fill:#c3cce9}.fill-fg0{fill:#9399b2}.fill-bg4{fill:#3b3c4f}.fill-bg3{fill:#2b2c3d}.fill-bg2{fill:#222333}.fill-bg1{fill:#1e1e2e}.fill-bg0{fill:#181825}.background-extra-bg{background-color:#181825}.background-bg2{background-color:#222333}.background-bg1{background-color:#1e1e2e}.background-bg0{background-color:#181825}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#222333;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}} \ No newline at end of file +*/:root{color-scheme:dark}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#1e1e2e;color:#c3cce9;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#533380;color:#c3cce9}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#c3cce9;color:#1e1e2e}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#222333}.box{border:.2rem solid #222333;border-radius:.8rem;color:#c3cce9;padding:1rem}.hero{border-bottom:.2rem solid #3b3c4f;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#1e1e2e;border-bottom:.2rem solid #3b3c4f;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #1e1e2e}.nav>div.current{border-bottom:.2rem solid #b9f}.nav>div.current>a{color:#b9f}.footer,footer{border-top:.2rem solid #3b3c4f;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #3b3c4f;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #3b3c4f}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #3b3c4f}.a,a{border-radius:.4rem;color:#96f;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#b9f}.a:focus-visible,a:focus-visible{outline:.2rem solid #96f;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#96f;border:.2rem solid #96f;border-radius:2rem;box-sizing:border-box;color:#1e1e2e;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#2b2c3d;border-color:#2b2c3d;color:#96f}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#b9f;color:#1e1e2e}.button:focus-visible,button:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#9399b2;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;box-sizing:border-box;color:#c3cce9;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#b9f}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#96f}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#1e1e2e;border:.2rem solid #96f;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#b9f}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #96f;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#96f;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#222333;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#9399b2;display:flex;justify-content:center}.separator:after,.separator:before{background:#3b3c4f;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#1e1e2e;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#1e1e2e;border:.2rem solid #3b3c4f;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #3b3c4f;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #3b3c4f;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #3b3c4f;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#96f}a.mark:focus-visible,a.mark:hover{color:#b9f}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#f66}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#6fc}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#1e1e2e}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#c3cce9}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#9399b2}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#96f}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#6fc}.mark.markOhno,mark.markOhno{background-color:#f66}.mark.markYay,mark.markYay{background-color:#6fc}.mark.markBg4,mark.markBg4{background-color:#3b3c4f}.mark.markBg2,mark.markBg2{background-color:#222333}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#c3cce9}.mark.markFg0,mark.markFg0{background-color:#9399b2}.mark.markMain,mark.markMain{background-color:#96f}.mark.markExtra,mark.markExtra{background-color:#6fc}.box.ohno{border-color:#f66;color:#f66}.box.yay{border-color:#6fc;color:#6fc}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#f66;border-color:#f66}.button.extra,.button.yay,button.extra,button.yay{background-color:#6fc;border-color:#6fc}.button.extra,button.extra{color:#181825}.button.alt.ohno,button.alt.ohno{background-color:#2b2c3d;border-color:#2b2c3d;color:#f66}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#2b2c3d;border-color:#2b2c3d;color:#6fc}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#f99;color:#1e1e2e}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#cfe;color:#1e1e2e}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#cfe;color:#181825}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#f66}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#6fc}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#6fc}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#f99}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#cfe}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#f66}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#6fc}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#6fc}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#1e1e2e;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#96f;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#181825;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#f66}.fill-ohno-alt{fill:#f99}.fill-yay{fill:#6fc}.fill-yay-alt{fill:#cfe}.fill-main{fill:#96f}.fill-main-alt{fill:#b9f}.fill-extra{fill:#6fc}.fill-extra-alt{fill:#cfe}.fill-extra-bg{fill:#181825}.fill-fg1,.fill-fg2{fill:#c3cce9}.fill-fg0{fill:#9399b2}.fill-bg4{fill:#3b3c4f}.fill-bg3{fill:#2b2c3d}.fill-bg2{fill:#222333}.fill-bg1{fill:#1e1e2e}.fill-bg0{fill:#181825}.background-extra-bg{background-color:#181825}.background-bg2{background-color:#222333}.background-bg1{background-color:#1e1e2e}.background-bg0{background-color:#181825}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#222333;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}} \ No newline at end of file diff --git a/site/css/ehui-light.min.css b/site/css/ehui-light.min.css index 930e759..ce192c5 100644 --- a/site/css/ehui-light.min.css +++ b/site/css/ehui-light.min.css @@ -8,4 +8,4 @@ EhUI is free and open source Copyright (c) Ehan Ahamed and contributors https://ehan.dev/ehui/LICENSE.txt -*/:root{color-scheme:light}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#fbfcfc;color:#343a40;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#c499ff;color:#343a40}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#343a40;color:#fbfcfc}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#f1f3f5}.box{border:.2rem solid #f1f3f5;border-radius:.8rem;color:#343a40;padding:1rem}.hero{border-bottom:.2rem solid #ced4da;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#fbfcfc;border-bottom:.2rem solid #ced4da;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #fbfcfc}.nav>div.current{border-bottom:.2rem solid #573699}.nav>div.current>a{color:#573699}.footer,footer{border-top:.2rem solid #ced4da;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #ced4da;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #ced4da}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #ced4da}.a,a{border-radius:.4rem;color:#7447cc;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#573699}.a:focus-visible,a:focus-visible{outline:.2rem solid #7447cc;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#7447cc;border:.2rem solid #7447cc;border-radius:2rem;box-sizing:border-box;color:#fbfcfc;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#e8ebee;border-color:#e8ebee;color:#7447cc}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#573699;color:#fbfcfc}.button:focus-visible,button:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#868e96;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;box-sizing:border-box;color:#343a40;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#573699}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#7447cc}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#fbfcfc;border:.2rem solid #7447cc;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#573699}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#7447cc;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#868e96;display:flex;justify-content:center}.separator:after,.separator:before{background:#ced4da;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#fbfcfc;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #ced4da;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #ced4da;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #ced4da;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#7447cc}a.mark:focus-visible,a.mark:hover{color:#573699}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#e64545}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#00b377}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#fbfcfc}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#343a40}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#868e96}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#7447cc}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#00b377}.mark.markOhno,mark.markOhno{background-color:#e64545}.mark.markYay,mark.markYay{background-color:#00b377}.mark.markBg4,mark.markBg4{background-color:#ced4da}.mark.markBg2,mark.markBg2{background-color:#f1f3f5}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#343a40}.mark.markFg0,mark.markFg0{background-color:#868e96}.mark.markMain,mark.markMain{background-color:#7447cc}.mark.markExtra,mark.markExtra{background-color:#00b377}.box.ohno{border-color:#e64545;color:#e64545}.box.yay{border-color:#00b377;color:#00b377}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#e64545;border-color:#e64545}.button.extra,.button.yay,button.extra,button.yay{background-color:#00b377;border-color:#00b377}.button.extra,button.extra{color:#f1f3f5}.button.alt.ohno,button.alt.ohno{background-color:#e8ebee;border-color:#e8ebee;color:#e64545}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#e8ebee;border-color:#e8ebee;color:#00b377}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#b33636;color:#fbfcfc}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#008055;color:#fbfcfc}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#008055;color:#f1f3f5}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#e64545}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#00b377}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#00b377}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#b33636}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#008055}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#e64545}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#00b377}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#00b377}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#fbfcfc;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#7447cc;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#f1f3f5;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.g,button.g{background-color:#dfdfed;border-color:#dfdfed;border-width:.4rem;color:#181820;font-family:roboto;padding:.6rem .8rem}.button.g:focus-visible,.button.g:hover,button.g:focus-visible,button.g:hover{background-color:#cfcfe6;color:#181820}.button.g:focus-visible,button.g:focus-visible{outline-color:#dfdfed}button.g img{height:1.4rem;width:1.4rem}.button.guest,button.guest{border-width:.4rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#e64545}.fill-ohno-alt{fill:#b33636}.fill-yay{fill:#00b377}.fill-yay-alt{fill:#008055}.fill-main{fill:#7447cc}.fill-main-alt{fill:#573699}.fill-extra{fill:#00b377}.fill-extra-alt{fill:#008055}.fill-extra-bg{fill:#f1f3f5}.fill-fg1,.fill-fg2{fill:#343a40}.fill-fg0{fill:#868e96}.fill-bg4{fill:#ced4da}.fill-bg3{fill:#e8ebee}.fill-bg2{fill:#f1f3f5}.fill-bg1{fill:#fbfcfc}.fill-bg0{fill:#f1f3f5}.background-bg2,.background-extra-bg{background-color:#f1f3f5}.background-bg1{background-color:#fbfcfc}.background-bg0{background-color:#f1f3f5}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#f1f3f5;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}} \ No newline at end of file +*/:root{color-scheme:light}html{font-size:18px;height:auto;scroll-behavior:smooth}@media only screen and (max-width:800px){html{font-size:16px}}body{background-color:#fbfcfc;color:#343a40;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;height:auto;line-height:1.4;margin:0}::selection{background-color:#c499ff;color:#343a40}.h1,h1{font-size:3.4rem}.h1,.h2,h1,h2{font-weight:700;margin-bottom:1rem;margin-top:0}.h2,h2{font-size:2.8rem}.h3,h3{font-size:2.2rem}.h3,.h4,h3,h4{font-weight:700;margin-bottom:1rem;margin-top:0}.h4,h4{font-size:1.6rem}.h1,.h2,.h3,.h4,h1,h2,h3,h4{line-height:1.2}.h5,h5,p{font-size:1rem;font-weight:400;margin-bottom:1rem;margin-top:0}p{margin-block-end:0}.h6,h6,small{font-size:.8rem;font-weight:400;margin-bottom:1rem}.h5,.h6,h5,h6,p,small{line-height:1.4}.b,b{font-weight:700}.i,i{font-style:italic}i.nf{font-style:normal}.s,s{text-decoration:line-through}.mark,mark{background-color:#343a40;color:#fbfcfc}.code,.mark,code,mark{border-radius:.4rem;font-size:1rem;line-height:1.4;padding:.2rem .4rem}.code,code{font-family:monospace}.box,.code,code{background-color:#f1f3f5}.box{border:.2rem solid #f1f3f5;border-radius:.8rem;color:#343a40;padding:1rem}.hero{border-bottom:.2rem solid #ced4da;margin:4rem 1rem;padding:1rem 1rem 4rem;text-align:center}.topmost{margin:1rem}.header,header{background-color:#fbfcfc;border-bottom:.2rem solid #ced4da;height:4rem;margin:0;padding:0;position:sticky;top:0;z-index:100}header>.nav{align-items:center;display:flex;gap:1rem;margin:0 1rem}.nav>div{border-bottom:.2rem solid #fbfcfc}.nav>div.current{border-bottom:.2rem solid #573699}.nav>div.current>a{color:#573699}.footer,footer{border-top:.2rem solid #ced4da;margin:4rem 1rem;padding:4rem 1rem 1rem;text-align:center}table{border:.2rem solid #ced4da;border-collapse:separate;border-radius:.8rem;border-spacing:0}td{font-weight:400}td,th{padding:1rem;text-align:left}th{font-weight:700}table.outer tbody,table.outer td,table.outer tfoot,table.outer th,table.outer thead{border:none}table.inner td:not(:last-child),table.inner th:not(:last-child){border-right:.2rem solid #ced4da}table.inner>tbody:not(:last-child),table.inner>tbody>tr:not(:last-child)>td,table.inner>tbody>tr:not(:last-child)>th,table.inner>thead:not(:last-child),table.inner>thead>tr>td,table.inner>thead>tr>th,table.inner>tr:not(:last-child)>td,table.inner>tr:not(:last-child)>th{border-bottom:.2rem solid #ced4da}.a,a{border-radius:.4rem;color:#7447cc;cursor:pointer;font-size:1rem;line-height:1.4;text-decoration:none;transition-duration:.4s}.a:focus-visible,.a:hover,a:focus-visible,a:hover{color:#573699}.a:focus-visible,a:focus-visible{outline:.2rem solid #7447cc;outline-offset:.4rem;transition-duration:.1s}.button,button{align-items:flex-start;appearance:none;background-color:#7447cc;border:.2rem solid #7447cc;border-radius:2rem;box-sizing:border-box;color:#fbfcfc;cursor:pointer;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;font-weight:600;line-height:1.4;padding:.4rem .8rem;text-align:center;text-decoration:none;transition-duration:.4s}.button.alt,button.alt{background-color:#e8ebee;border-color:#e8ebee;color:#7447cc}.button:focus-visible,.button:hover,button:focus-visible,button:hover{background-color:#573699;color:#fbfcfc}.button:focus-visible,button:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}::placeholder{color:#868e96;font-family:nunito,sans-serif;font-size:1rem;font-weight:400;opacity:1}input[type=password],input[type=text],textarea{align-items:flex-start;appearance:none;background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;box-sizing:border-box;color:#343a40;cursor:text;display:inline-block;font-family:nunito,sans-serif;font-size:1rem;line-height:1.4;outline:none;padding:.4rem .8rem;text-align:left;text-decoration:none;transition-duration:.4s}input[type=password]:hover,input[type=text]:hover,textarea:hover{border-color:#573699}input[type=password]:focus,input[type=password]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{border-color:#7447cc}.checkbox,.radio{display:grid;gap:1em;grid-template-areas:"input label .";grid-template-columns:1.8rem auto 1fr}.checkbox input,.radio input{grid-area:input}.checkbox label,.radio label{grid-area:label}input[type=checkbox],input[type=radio]{appearance:none;background-color:#fbfcfc;border:.2rem solid #7447cc;height:1.8rem;margin:0;transition-duration:.4s;width:1.8rem}input[type=radio]{border-radius:50%}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:focus-visible,input[type=checkbox]:hover,input[type=radio]:focus-visible,input[type=radio]:hover{border-color:#573699}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:.2rem solid #7447cc;outline-offset:.2rem;transition-duration:.1s}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#7447cc;transition-duration:.1s}.card{height:20rem;width:40rem}.caption{display:grid;gap:1rem;grid-template-rows:1fr;width:40rem}.caption.centerThree{grid-template-columns:1fr 4fr 1fr}.caption.evenTwo{grid-template-columns:1fr 1fr}.caption.evenThree{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:800px){.caption,.card{width:100%}}.card>.content{align-items:center;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;position:relative;text-align:center;width:100%}.card.double{perspective:1000px}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:preserve-3d;transition:transform .4s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#f1f3f5;border-radius:.8rem;display:flex;height:100%;justify-content:center;margin-top:0;position:absolute;text-align:center;transform:rotateX(0deg);width:100%}.card.double.flip>.content,.card.double>.content>.back{transform:rotateY(180deg)}.separator{align-items:center;color:#868e96;display:flex;justify-content:center}.separator:after,.separator:before{background:#ced4da;content:"";display:block;height:.2rem;margin:0 1rem;width:100%}.modal{align-items:center;display:flex;justify-content:center;z-index:200}.modal,.modal:before{height:100vh;left:0;position:fixed;top:0;width:100vw}.modal:before{background-color:#fbfcfc;content:"";opacity:.6;z-index:180}.modal>.content{background-color:#fbfcfc;border:.2rem solid #ced4da;border-radius:.8rem;padding:1rem;width:60vw;z-index:200}@media only screen and (max-width:800px){.modal{align-items:flex-end}.modal>.content{border:none;border-radius:0;border-top:.2rem solid #ced4da;padding-bottom:8rem;width:100vw}}.flex.pop{padding:0 1rem}*,:after,:before{box-sizing:border-box}.center{text-align:center}.flex{display:flex;flex-wrap:wrap;gap:1rem}.flex.row{flex-direction:row}.flex.row.rev{flex-direction:row-reverse}.flex.col{flex-direction:column}.flex.col.rev{flex-direction:column-reverse}.flex.nowrap{flex-wrap:nowrap}.flex.wrap{flex-wrap:wrap}.flex.start{justify-content:flex-start}.flex.end{justify-content:flex-end}.flex.center{justify-content:center}.flex.spaceBetween{justify-content:space-between}.flex.alignStart{align-content:flex-start;align-items:flex-start}.flex.alignEnd{align-content:flex-end;align-items:flex-end}.flex.alignCenter{align-content:center;align-items:center}.flex.stretch{align-content:stretch;align-items:stretch}.flex.alignSpaceBetween{align-content:space-between;align-items:space-between}.flex.alignSpaceAround{align-content:space-around;align-items:space-around}.justifyselfstretch{justify-self:stretch}.justifyselfcenter{justify-self:center}.justifyselfstart{justify-self:start}.justifyselfend{justify-self:end}.grid{display:grid}.grid.split{gap:0;grid-template-areas:"left right";grid-template-columns:4fr 4fr;grid-template-rows:1fr}.grid.split>.left{grid-area:left;justify-self:right;padding-right:2rem}.grid.split>.right{border-left:.2rem solid #ced4da;grid-area:right;justify-self:left;padding-left:2rem}.grid.split.noBorder>.left,.grid.split.noBorder>.right{border:none}@media only screen and (max-width:800px){.grid.split{grid-template-areas:"left" "right";grid-template-columns:1fr;grid-template-rows:auto auto;padding:0 2rem}.grid.split>.left,.grid.split>.right{border:none;justify-self:left;padding-left:0;padding-right:0}}.grid.list{gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.grid.split .grid.list{grid-template-columns:1fr}@media only screen and (max-width:800px){.grid.list{grid-template-columns:1fr}}.grid.hero{grid-template-areas:"content . logo";grid-template-columns:6fr 2fr 6fr;grid-template-rows:1fr}.grid.hero>.content{align-self:center;grid-area:content;justify-self:end;text-align:center}.grid.hero>.logo{align-self:center;grid-area:logo;justify-self:start}@media only screen and (max-width:800px){.grid.hero{grid-template-areas:"logo" "content";grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid.hero>.content,.grid.hero>.logo{justify-self:center}}.grid.intro{border-bottom:.2rem solid #ced4da;gap:4rem;grid-template-areas:"logotype actions" "content content";grid-template-columns:1fr 1fr;grid-template-rows:auto auto;margin:0 1rem 4rem;padding:1rem 2rem 4rem}.grid.intro>.logotype{align-items:center;display:flex;gap:1rem;grid-area:logotype;justify-content:start;justify-items:start}.grid.intro>.logotype p{margin-bottom:0}.grid.intro>.logotype>.logo{height:4rem;width:4rem}.grid.intro>.content{grid-area:content;text-align:center}@media only screen and (max-width:800px){.grid.intro{padding-left:1rem;padding-right:1rem}}.grid.page{grid-template-areas:". content .";grid-template-columns:2fr 10fr 2fr;grid-template-rows:1fr}.grid.page>.content{align-self:start;grid-area:content;justify-self:stretch}@media only screen and (max-width:800px){.grid.page{grid-template-columns:1fr 12fr 1fr}}.grid.screen{height:100%;margin:0 1rem}.grid.screen>.content{align-self:center;justify-self:center;margin-top:0}html.screen{height:100%}html.screen body{display:grid;grid-template-rows:auto 1fr;height:100%}header{display:grid;gap:1rem;grid-template-areas:"menu";grid-template-columns:1fr}header>.menu{grid-area:menu;justify-self:left;text-align:left}header>.options{grid-area:options;justify-self:right;padding:1rem;text-align:right}.nav>div{align-items:center;display:flex;height:100%}*+*,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6,*+p{margin-top:1rem}.caption>*,.caption>div>*,.checkbox>*,.flex>*,.grid>*,.logotype>*,.nav>div,.radio>*,header>*{margin-top:0}.grid.paragraph{gap:1rem;grid-template-areas:"content image";grid-template-columns:1fr 1fr}.grid.paragraph.alt{grid-template-areas:"image content"}.grid.paragraph>.content{grid-area:content}.grid.paragraph>.image{align-items:center;display:flex;grid-area:image;justify-items:center}@media only screen and (max-width:1000px){.grid.paragraph,.grid.paragraph.alt{gap:1rem;grid-template-areas:"content" "image";grid-template-columns:1fr;grid-template-rows:1fr auto}}a.mark{color:#7447cc}a.mark:focus-visible,a.mark:hover{color:#573699}.mark.ohno,.text.ohno,b.ohno,code.ohno,i.ohno,mark.ohno,p.ohno,span.ohno,u.ohno{color:#e64545}.mark.yay,.text.yay,b.yay,code.yay,i.yay,mark.yay,p.yay,span.yay,u.yay{color:#00b377}.mark.bg1,.text.bg1,b.bg1,code.bg1,i.bg1,mark.bg1,p.bg1,span.bg1,u.bg1{color:#fbfcfc}.mark.fg1,.mark.fg2,.text.fg1,.text.fg2,b.fg1,b.fg2,code.fg1,code.fg2,i.fg1,i.fg2,mark.fg1,mark.fg2,p.fg1,p.fg2,span.fg1,span.fg2,u.fg1,u.fg2{color:#343a40}.mark.fg0,.text.fg0,b.fg0,code.fg0,i.fg0,mark.fg0,p.fg0,span.fg0,u.fg0{color:#868e96}.mark.main,.text.main,b.main,code.main,i.main,mark.main,p.main,span.main,u.main{color:#7447cc}.mark.extra,.text.extra,b.extra,code.extra,i.extra,mark.extra,p.extra,span.extra,u.extra{color:#00b377}.mark.markOhno,mark.markOhno{background-color:#e64545}.mark.markYay,mark.markYay{background-color:#00b377}.mark.markBg4,mark.markBg4{background-color:#ced4da}.mark.markBg2,mark.markBg2{background-color:#f1f3f5}.mark.markFg1,.mark.markFg2,mark.markFg1,mark.markFg2{background-color:#343a40}.mark.markFg0,mark.markFg0{background-color:#868e96}.mark.markMain,mark.markMain{background-color:#7447cc}.mark.markExtra,mark.markExtra{background-color:#00b377}.box.ohno{border-color:#e64545;color:#e64545}.box.yay{border-color:#00b377;color:#00b377}.pre,pre{white-space:pre}.button.ohno,button.ohno{background-color:#e64545;border-color:#e64545}.button.extra,.button.yay,button.extra,button.yay{background-color:#00b377;border-color:#00b377}.button.extra,button.extra{color:#f1f3f5}.button.alt.ohno,button.alt.ohno{background-color:#e8ebee;border-color:#e8ebee;color:#e64545}.button.alt.extra,.button.alt.yay,button.alt.extra,button.alt.yay{background-color:#e8ebee;border-color:#e8ebee;color:#00b377}.button:focus-visible.ohno,.button:hover.ohno,button:focus-visible.ohno,button:hover.ohno{background-color:#b33636;color:#fbfcfc}.button:focus-visible.yay,.button:hover.yay,button:focus-visible.yay,button:hover.yay{background-color:#008055;color:#fbfcfc}.button:focus-visible.extra,.button:hover.extra,button:focus-visible.extra,button:hover.extra{background-color:#008055;color:#f1f3f5}.button:focus-visible.ohno,button:focus-visible.ohno{outline-color:#e64545}.button:focus-visible.yay,button:focus-visible.yay{outline-color:#00b377}.button:focus-visible.extra,button:focus-visible.extra{outline-color:#00b377}input[type=password].ohno:hover,input[type=text].ohno:hover,textarea.ohno:hover{border-color:#b33636}input[type=password].extra:hover,input[type=password].yay:hover,input[type=text].extra:hover,input[type=text].yay:hover,textarea.extra:hover,textarea.yay:hover{border-color:#008055}input[type=password].ohno:focus,input[type=password].ohno:focus-visible,input[type=text].ohno:focus,input[type=text].ohno:focus-visible,textarea.ohno:focus,textarea.ohno:focus-visible{border-color:#e64545}input[type=password].yay:focus,input[type=password].yay:focus-visible,input[type=text].yay:focus,input[type=text].yay:focus-visible,textarea.yay:focus,textarea.yay:focus-visible{border-color:#00b377}input[type=password].extra:focus,input[type=password].extra:focus-visible,input[type=text].extra:focus,input[type=text].extra:focus-visible,textarea.extra:focus,textarea.extra:focus-visible{border-color:#00b377}textarea.vertical{resize:vertical;white-space:pre}textarea.horizontal{resize:horizontal;white-space:pre}.hide{display:none}.fullscreen{align-items:center;background:#fbfcfc;display:flex;height:100vh;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:200}.exitFullscreen{display:none;left:1rem;margin:0;position:fixed;top:1rem}.fullscreen>.button.exitFullscreen,.fullscreen>button.exitFullscreen{display:inline-block}.invisible{height:1px;margin:0;opacity:0;overflow:hidden;position:absolute;width:1px}.hero>.logo:before{background-color:#7447cc;border-radius:50%;content:"";filter:blur(1rem);height:200px;opacity:.2;position:absolute;width:200px;z-index:-100}html.min .hero>.logo:before{display:none}.hero>.logo>svg{margin-top:0}.fullWidth{width:100%}.grid.page.extra{background-color:#f1f3f5;margin-bottom:0;margin-top:0;padding-bottom:1rem}.button.large,button.large{font-size:1.2rem;line-height:1.6rem;padding:.6rem 1.2rem}.fill-ohno{fill:#e64545}.fill-ohno-alt{fill:#b33636}.fill-yay{fill:#00b377}.fill-yay-alt{fill:#008055}.fill-main{fill:#7447cc}.fill-main-alt{fill:#573699}.fill-extra{fill:#00b377}.fill-extra-alt{fill:#008055}.fill-extra-bg{fill:#f1f3f5}.fill-fg1,.fill-fg2{fill:#343a40}.fill-fg0{fill:#868e96}.fill-bg4{fill:#ced4da}.fill-bg3{fill:#e8ebee}.fill-bg2{fill:#f1f3f5}.fill-bg1{fill:#fbfcfc}.fill-bg0{fill:#f1f3f5}.background-bg2,.background-extra-bg{background-color:#f1f3f5}.background-bg1{background-color:#fbfcfc}.background-bg0{background-color:#f1f3f5}@media (prefers-reduced-motion){html{scroll-behavior:auto}.a,.button,a,button,input[type=checkbox],input[type=password],input[type=radio],input[type=text],textarea{transition-duration:0s}.card,.card.double{perspective:none}.card.double>.content{align-items:normal;background-color:inherit;border-radius:0;display:block;justify-content:normal;text-align:center;transform-style:flat;transition-duration:0s}.card.double>.content>.back,.card.double>.content>.front{align-items:center;backface-visibility:visible;-webkit-backface-visibility:visible;-moz-backface-visibility:visible;background-color:#f1f3f5;border-radius:.8rem;height:100%;justify-content:center;position:absolute;text-align:center;transform:none;width:100%}.card.double>.content>.back{display:none;transform:none}.card.double>.content>.front{display:flex}.card.double.flip>.content{transform:none}.card.double.flip>.content>.back{display:flex}.card.double.flip>.content>.front{display:none}} \ No newline at end of file