@import url(https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Slab&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lemon&display=swap);@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0);h1,h2,h3,h4,h5{font-family:var(--heading-font);margin:0 0 .5em;text-align:left}h1{font-size:2em;line-height:1.2}.btn{background-color:var(--color-dark-grey);border:1px solid transparent;border-radius:calc(var(--standard-padding)*2);color:var(--color-light-grey);font-weight:700;padding:calc(var(--standard-padding)/2) var(--standard-padding);text-transform:uppercase;transition:all var(--animation-time)}.btn:hover{cursor:pointer}.btn.btn-primary{background-color:var(--color-teal-1);font-family:var(--interesting-font);font-size:1em;width:100%}.btn.btn-primary:active,.btn.btn-primary:focus,.btn.btn-primary:hover{background-color:var(--color-teal-2);outline-color:transparent}.form-control{border:1px solid var(--color-dark-grey);font-family:var(--body-font);font-size:1em;margin-bottom:var(--standard-padding);width:100%}@media screen and (min-width:1024px){.form-control{min-height:200px;padding:.5em;width:400px}}.form-controltextarea{border:1px solid red}body{background:var(--color-dark-grey) no-repeat center center;background-size:cover;color:var(--color-black);display:grid;font-family:var(--body-font);margin:0;min-height:100vh;padding:0}header{left:0;position:absolute;top:0}header .logo{color:var(--color-white-semi-transparent);display:inline-block;margin:calc(var(--standard-padding)/2);width:auto;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:var(--color-black)}header .logo span{color:var(--color-teal-1)}.container{display:flex;flex-direction:column;margin-top:calc(var(--standard-padding)*2)}@media screen and (min-width:1024px){.container{flex-direction:row;margin-top:unset}}.container__inner-center-center.error-notice{margin:var(--standard-padding);padding:var(--standard-padding)}.container__inner-center-center.error-notice>*{text-align:center}@media screen and (min-width:1024px){.container__inner-center-center.error-notice{margin:200px auto auto;width:400px}}#start{display:flex;flex-direction:column-reverse}@media screen and (min-width:1024px){#start{flex-direction:row}}.explanation{filter:invert(1);margin:var(--standard-padding);mix-blend-mode:color-dodge}@media screen and (min-width:1024px){.explanation{margin-top:40vh;max-width:400px}}.explanation h1,.explanation h2,.explanation h3{-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#fff;text-shadow:0 0 1em #fff}.explanation a{color:var(--color-black)}body.background-image__blend_difference .explanation{mix-blend-mode:difference}body.background-image__blend_hard-light .explanation{mix-blend-mode:hard-light}body.background-image__blend_luminosity .explanation{mix-blend-mode:luminosity}body.background-image__blend_color-dodge .explanation{mix-blend-mode:color-dodge}body.background-image__blend_lighten .explanation{mix-blend-mode:lighten}body.background-image__blend_normal .explanation{mix-blend-mode:normal}.app{color:var(--color-black);display:flex;flex-direction:column;margin:var(--standard-padding);padding:var(--standard-padding)}@media screen and (min-width:1024px){.app{margin:unset;margin:40vh 0 auto var(--standard-padding);max-width:600px}}.glass-background{background-color:var(--color-light-grey);border-radius:calc(var(--standard-padding)/2)}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.glass-background{backdrop-filter:saturate(180%) blur(10px);background-color:var(--color-white-semi-transparent)}}@media screen and (min-width:1024px){.glass-background{margin:unset;margin:40vh 0 auto var(--standard-padding);max-width:600px}}.glass-background__with-shadow{box-shadow:0 0 12px 0 rgba(0,0,0,.1),0 10px 30px 0 rgba(0,0,0,.2)}.byline{background:var(--color-light-grey);bottom:var(--standard-padding);padding:calc(var(--standard-padding)/2) var(--standard-padding);position:absolute;right:var(--standard-padding);text-align:right}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.byline{backdrop-filter:saturate(180%) blur(10px);background-color:var(--color-white-semi-transparent)}}.byline__art_name,.byline__artist{color:var(--color-black);font-size:var(--font-size-smallprint);margin:0;text-align:right}.byline__art_name a,.byline__artist a{color:var(--color-black)}body.no-background-image .byline{display:none}:root{--heading-font:"Lemon",serif;--body-font:"Roboto",sans-serif;--color-black:#333;--color-red:#b84b23;--color-red-hover:#a3421f;--color-teal-1:teal;--color-teal-2:#005780;--color-light-grey:#eee;--color-dark-grey:#333;--color-white-semi-transparent:hsla(0,0%,100%,.6);--color-black-semi-transparent:rgba(0,0,0,.4);--font-size-smallprint:0.8em;--font-size-smallprint-sx:0.6em;--animation-time:300ms;--standard-padding:2em;--corner-radius:calc(--standard-padding / 2)}.modal{align-items:center;background-color:var(--color-black-semi-transparent);display:none;height:100%;justify-content:center;margin:0;opacity:0;padding:0;position:absolute;transition:all var(--animation-time);width:100%}.modal__inner{background-color:var(--color-light-grey);border-radius:calc(var(--standard-padding)/2);box-shadow:0 0 12px 0 rgba(0,0,0,.1),0 10px 30px 0 rgba(0,0,0,.2);color:var(--color-black);display:flex;flex-direction:column;margin:0 var(--standard-padding);max-width:calc(100vw - var(--standard-padding)*2);padding:var(--standard-padding)}@supports (-webkit-backdrop-filter:none) or (backdrop-filter:none){.modal__inner{backdrop-filter:saturate(180%) blur(10px);background-color:var(--color-white-semi-transparent)}}@media screen and (min-width:1024px){.modal__inner{max-width:400px}}.modal__inner h1,.modal__inner h2,.modal__inner h3,.modal__inner h4,.modal__inner h5{text-align:left}.modal__dismiss{background:transparent;border:none;cursor:pointer;font-size:2em;padding:calc(var(--standard-padding)/4);position:absolute;right:0;top:0}.modal__button-row{display:flex;flex-direction:row;justify-content:center}.modal__button-row>*{margin-left:.4em;margin-right:.4em}body.modal-active .modal{display:flex;opacity:1}body.success #success.app{max-width:unset}#success{display:none}#success .card{background-color:#fff;border:1px dashed #000;margin-bottom:1em;max-width:calc(100vw - var(--standard-padding)*5);padding:1em;word-wrap:break-word}@media screen and (min-width:1024px){#success .card{max-width:unset;word-wrap:unset}}body.success #start{display:none}body.success #success{display:block}