*{box-sizing:border-box;margin-top:0}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{padding:0;margin:0;font-size:16px;font-family:"Source Sans Pro",sans-serif;font-weight:300}button,input[type=button],input[type=submit],input[type=reset]{cursor:pointer}button:disabled,input[type=button]:disabled,input[type=submit]:disabled,input[type=reset]:disabled{cursor:not-allowed}a{text-decoration:none}h1{font-size:2rem}@media(min-width: 512px){h1{font-size:2.5rem}}@media(min-width: 975px){h1{font-size:3rem}}h2{font-size:2rem}@media(min-width: 512px){h2{font-size:2.25rem}}@media(min-width: 975px){h2{font-size:2.5rem}}h3{font-size:1.25rem}@media(min-width: 512px){h3{font-size:1.5rem}}@media(min-width: 975px){h3{font-size:1.75rem}}h4{font-size:1.125rem}@media(min-width: 512px){h4{font-size:1.25rem}}@media(min-width: 975px){h4{font-size:1.5rem}}h5{font-size:1.125rem}@media(min-width: 512px){h5{font-size:1.25rem}}h6{font-size:1.125rem}h1,h2,h3,h4,h5,h6,p,ul,ol{margin-bottom:1rem}html,body{background-color:#202022;color:#cbd4c3}header[role=banner]{transition:top 300ms linear 0ms;background-color:#3c3c41;width:100%;display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #000;margin-bottom:1rem;position:sticky;top:0;z-index:100;box-shadow:0 0 .75rem .75rem #000}body.banner-hidden header[role=banner]{top:-5rem}@media(min-width: 512px){body.banner-hidden header[role=banner]{top:-6.75rem}}@media(min-width: 975px){body.banner-hidden header[role=banner]{top:-8.375rem}}body.menu-active.banner-hidden header[role=banner]{top:0}@media(min-width: 801px){body.menu-active.banner-hidden header[role=banner]{top:-6.75rem}}@media(min-width: 975px){body.menu-active.banner-hidden header[role=banner]{top:-8.375rem}}@media(min-width: 801px){header[role=banner]{margin-bottom:1.5rem}}@media(min-width: 1150px){header[role=banner]{justify-content:center}header[role=banner] nav{margin-left:10rem}}header[role=banner] hgroup{font-family:"Caveat",cursive;color:#0b122b;text-shadow:0 0 8px #ee0,-4px -4px 8px #eee,6px -4px 8px #eee,6px 6px 8px #eee,-4px 6px 8px #eee;margin:.25rem 1rem .75rem}header[role=banner] h1{font-size:2.125rem;font-weight:700}header[role=banner] h2{font-size:1rem;font-weight:400}header[role=banner] h1,header[role=banner] h2{margin:0;text-align:center}@media(min-width: 512px){header[role=banner] h1{font-size:3rem}header[role=banner] h2{font-size:1.5rem}}@media(min-width: 975px){header[role=banner] h1{font-size:3.75rem}header[role=banner] h2{font-size:2rem}}header[role=banner] nav{display:none;position:fixed;background-color:#3c3c41;z-index:1000;top:5rem;left:0;right:0;bottom:0;overflow:auto}@media(min-width: 512px){header[role=banner] nav{top:6.75rem}}body.menu-active header[role=banner] nav{display:block}header[role=banner] nav ul{margin:0;padding:2rem;list-style-type:none}header[role=banner] nav ul li{display:block}header[role=banner] nav ul li a{display:block;text-align:center;font-size:1.2rem;background-color:rgba(150,150,150,.3);margin:.75rem 0;padding:.5rem;border:1px outset #888;color:#fff;font-family:"Courier",monospace}header[role=banner] nav ul li a:active{border-style:inset}header[role=banner] nav ul li a:hover{background-color:rgba(190,190,190,.4)}header[role=banner] nav ul li.close-menu{margin-top:.75rem;border-top:2px groove #444}@media(min-width: 801px){header[role=banner] nav{display:block;position:static}header[role=banner] nav ul{display:flex;padding:0}header[role=banner] nav ul li{margin:.5rem}header[role=banner] nav ul li.close-menu{display:none}}header[role=banner] .header__menu-button{margin:1rem}@media(min-width: 801px){header[role=banner] .header__menu-button{display:none}}body.menu-active header[role=banner] .header__menu-button.header__menu-button--open{display:none}header[role=banner] .header__menu-button.header__menu-button--open a{background-image:url("../img/menu.png")}header[role=banner] .header__menu-button.header__menu-button--close{display:none}body.menu-active header[role=banner] .header__menu-button.header__menu-button--close{display:block}@media(min-width: 801px){body.menu-active header[role=banner] .header__menu-button.header__menu-button--close{display:none}}header[role=banner] .header__menu-button.header__menu-button--close a{background-image:url("../img/close-menu.png")}header[role=banner] .header__menu-button a{pointer-events:auto;display:inline-flex;height:2.5rem;padding:0 2rem 0 .5rem;background-repeat:no-repeat;background-position:right .5rem top 50%;align-items:center;text-decoration:none;border:2px outset #706f64;background-color:#e2e1da;color:#000;border-radius:4px;font-size:1.125rem;font-family:"Courier",monospace}header[role=banner] .header__menu-button a:hover{background-color:#fffef7}header[role=banner] .header__menu-button a:active{border-style:inset}header[role=banner] .header__menu-button a>span{display:none}@media(min-width: 400px){header[role=banner] .header__menu-button a>span{display:block;padding:0 .5rem .125rem .125rem}}main{max-width:1200px;margin:0 auto 1rem;font-size:1rem}@media(min-width: 300px){main{padding:0 .5rem}}@media(min-width: 400px){main{padding:0 .75rem}}@media(min-width: 801px){main{font-size:1.25rem;padding:1rem 1rem 0 1rem}}main .content p{line-height:1.75}main a:link{color:#13b0e4}main a:link.kofi-button{text-decoration:none}main a:visited{color:#13b0e4}main a:hover{text-decoration:underline}footer{padding:0 1.5rem 0 1.5rem;margin:0 1.5rem;text-align:center;color:#8f8b7f}footer .kofi-button{margin-bottom:1rem}kbd{display:inline-block;background:#888;border-radius:6px;color:#111;padding:3px 4px;border:inset 1px #777;box-shadow:2px 2px 4px #000;line-height:1}figure.captioned-image{border:1px #cbd4c3 solid;padding:.5rem;display:flex;flex-direction:column;background:rgba(205,205,205,.1);width:min-content;margin:0 auto .5rem auto}figure.captioned-image.captioned-image--min-nm{display:none}@media(min-width: 300px){figure.captioned-image.captioned-image--min-nm{display:flex}}figure.captioned-image.captioned-image--min-wm{display:none}@media(min-width: 400px){figure.captioned-image.captioned-image--min-wm{display:flex}}figure.captioned-image.captioned-image--min-xwm{display:none}@media(min-width: 512px){figure.captioned-image.captioned-image--min-xwm{display:flex}}figure.captioned-image.captioned-image--min-xnd{display:none}@media(min-width: 801px){figure.captioned-image.captioned-image--min-xnd{display:flex}}figure.captioned-image.captioned-image--min-nd{display:none}@media(min-width: 975px){figure.captioned-image.captioned-image--min-nd{display:flex}}figure.captioned-image.captioned-image--min-wd{display:none}@media(min-width: 1150px){figure.captioned-image.captioned-image--min-wd{display:flex}}figure.captioned-image.captioned-image--min-xwd{display:none}@media(min-width: 1540px){figure.captioned-image.captioned-image--min-xwd{display:flex}}@media(min-width: 801px){figure.captioned-image{float:left;margin:0 .75rem .75rem 0}figure.captioned-image.captioned-image--right{float:right;margin:0 0 .75rem .75rem}figure.captioned-image.captioned-image--center{float:none;margin:0 auto .5rem auto}}figure.captioned-image figcaption{font-size:80%;text-align:center;background:#616161;padding:.125rem .25rem;border-top:1px solid}figure.captioned-image picture{display:inline-block}figure.captioned-image picture>*{display:block}aside.tldr{margin:0 .25rem 1rem;padding:.75rem;border-left:2px solid teal;background-color:#234}aside.tldr p:first-child::before{content:"TL;DR:";font-weight:bold;margin-right:.5rem}aside.tldr p:last-child{margin-bottom:0}@media(min-width: 801px){aside.tldr{margin:0 4rem 1rem;border-left-width:4px}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;white-space:nowrap !important}time.publication-date{font-size:.75rem;text-transform:uppercase;margin-bottom:.75rem}/*# sourceMappingURL=main.css.map */