:root{--font-family-sans:bricolage-grotesque, sans-serif;--font-weight-extra-bold:800;--font-weight-bold:700;--font-weight-medium:600;--font-weight-regular:400;--font-weight-light:300;--filter-main:invert(74%) sepia(44%) saturate(6426%) hue-rotate(125deg) brightness(100%) contrast(80%);--filter-grey:invert(46%) sepia(98%) saturate(10%) hue-rotate(62deg) brightness(96%) contrast(101%);--viewport-min:320px;--viewport-max:1400px;--viewport-min-v:320;--viewport-max-v:1400;--font-size-h1-min-v:24;--font-size-h1-max-v:30;--font-size-h1-min:24px;--font-size-h1-max:30px;--font-size-h1:calc(var(--font-size-h1-min) + (var(--font-size-h1-max-v) - var(--font-size-h1-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-h2-min-v:19;--font-size-h2-max-v:23;--font-size-h2-min:19px;--font-size-h2-max:23px;--font-size-h2:calc(var(--font-size-h2-min) + (var(--font-size-h2-max-v) - var(--font-size-h2-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-h3-min-v:17;--font-size-h3-max-v:20;--font-size-h3-min:17px;--font-size-h3-max:20px;--font-size-h3:calc(var(--font-size-h3-min) + (var(--font-size-h3-max-v) - var(--font-size-h3-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-heading-small-min-v:16;--font-size-heading-small-max-v:19;--font-size-heading-small-min:16px;--font-size-heading-small-max:19px;--font-size-heading-small:calc(var(--font-size-heading-small-min) + (var(--font-size-heading-small-max-v) - var(--font-size-heading-small-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-p-min-v:16;--font-size-p-max-v:19;--font-size-p-min:16px;--font-size-p-max:19px;--font-size-p:calc(var(--font-size-p-min) + (var(--font-size-p-max-v) - var(--font-size-p-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-p-small-min-v:12;--font-size-p-small-max-v:15;--font-size-p-small-min:12px;--font-size-p-small-max:15px;--font-size-p-small:calc(var(--font-size-p-small-min) + (var(--font-size-p-small-max-v) - var(--font-size-p-small-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-links-min-v:12;--font-size-links-max-v:14;--font-size-links-min:12px;--font-size-links-max:14px;--font-size-links:calc(var(--font-size-links-min) + (var(--font-size-links-max-v) - var(--font-size-links-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--font-size-highlight-min-v:28;--font-size-highlight-max-v:35;--font-size-highlight-min:28px;--font-size-highlight-max:35px;--font-size-highlight:calc(var(--font-size-highlight-min) + (var(--font-size-highlight-max-v) - var(--font-size-highlight-min-v)) * ((100vw - var(--viewport-min)) / (var(--viewport-max-v) - var(--viewport-min-v))));--transition-side-menu:.4s ease-in-out;--transition-hover:.2s linear;--transition-slow:.5s ease-in-out;--box-shadow-central:0px 0px 5px -2px var(--color-shadow);--box-shadow-overlay:0px 0px 4px 0 var(--color-shadow)}.flex{flex-flow:wrap;justify-content:space-between;align-items:stretch;display:flex}.flex.column{flex-direction:column;justify-content:space-between;align-items:stretch}.flex>*{flex:0 100%}.inner-container{box-sizing:border-box;max-width:100em;margin:0 auto;padding:0 1rem}.inner-narrow{max-width:40rem;margin:0 auto}@media screen and (width>=450px){.inner-container{padding-left:2rem;padding-right:2rem}}@media screen and (width>=800px){.inner-container{padding:0 3.25em}}@media screen and (width>=1200px){.inner-container{padding:0 6.25em}}.small{font-size:var(--font-size-p-small)}.thin{font-weight:var(--font-weight-thin)}.page-section,.page-section.flex>:not(:first-child){margin-top:2em}h2.sub-heading{margin-top:-1.5rem}@media screen and (width>=800px){.page-section.flex>*{flex-basis:45%}.page-section.flex>:not(:first-child){margin-top:0}}h1,h2,h3,h4,h5{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);letter-spacing:-.03em;margin:0 0 1rem;line-height:1.2em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3,h4,h5{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}p{font-size:var(--font-size-p);margin:0 0 1em;line-height:1.5em}li{font-size:var(--font-size-p);line-height:1.5em}strong{font-weight:var(--font-weight-regular)}body{font-family:var(--font-family-sans);font-weight:var(--font-weight-light);line-height:1.25em}img{max-width:100%}html{scroll-behavior:smooth;min-width:20em;font-size:1em}html,body,div.app{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}picture{display:inline}body{text-align:left;background-color:var(--color-bg);color:var(--color-text);box-sizing:border-box;width:100%;min-width:20em;margin:0;padding:0 0 4.375em;font-size:1em;position:relative}body.easy,body.medium,body.hard{background-color:var(--color-bg-muted)}main .inner-container{padding-top:1em;padding-bottom:1em}main :last-child{margin-bottom:0}main a{color:var(--color-text);-moz-transition:color var(--transition-hover);-o-transition:color var(--transition-hover);-webkit-transition:color var(--transition-hover);transition:color var(--transition-hover)}main a:hover{color:var(--color-text-40)}input{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-sans-alt)!important;font-weight:var(--font-weight-book)!important}button{line-height:1.25em;font-family:var(--font-family-sans);font-size:var(--font-size-p-small);font-weight:var(--font-weight-light);color:var(--color-text);background-color:var(--color-muted)}button.board-button,button.app-button.board-button{font-size:.85em;font-weight:var(--font-weight-regular);background-color:var(--color-main-dark);color:var(--color-text-reverse);cursor:pointer;border:0;border-radius:2em;padding:.75em 1.5em}button.ui-button,button.app-button.ui-button{font-size:.85em;font-weight:var(--font-weight-regular);background-color:var(--color-main-dark);color:var(--color-text-reverse);cursor:pointer;text-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:2em;padding:.75em 1.5em}button.ui-button svg,button.app-button.ui-button svg{fill:var(--color-white)}button.ui-button:hover,button.app-button.ui-button:hover{background-color:var(--color-main)}main.main{z-index:2;box-sizing:border-box;-o-transition:all .4s ease-in-out;flex:0 0 calc(100% - 3.5em);padding:1em 1em 7em;transition:all .4s ease-in-out;position:relative}body.side-nav-open main.main{flex-basis:calc(100% - 9rem)}.loader{background:var(--color-bg);background:-moz-linear-gradient(left, var(--color-easy) 10%, var(--color-bg) 42%);background:-webkit-linear-gradient(left, var(--color-easy) 10%, var(--color-bg) 42%);background:-o-linear-gradient(left, var(--color-easy) 10%, var(--color-bg) 42%);background:-ms-linear-gradient(left, var(--color-easy) 10%, var(--color-bg) 42%);background:linear-gradient(to right, var(--color-easy) 10%, var(--color-bg) 42%);opacity:1;border-radius:50%;width:3.5em;height:3.5em;margin:0 auto;font-size:10px;animation:1.2s linear infinite load3;display:block;transform:translateZ(0)}.loader:before{background:var(--color-easy);content:"";border-radius:100% 0 0;width:50%;height:50%;position:absolute;top:0;left:0}.loader:after{background:var(--color-bg);content:"";border-radius:50%;width:75%;height:75%;margin:auto;position:absolute;inset:0}@keyframes load3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}