*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}body,html{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:after,q:before{content:"";content:none}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}[v-cloak]{display:none!important}html{font-size:100%}body{background:#eee;color:#212121;font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;font-weight:400;line-height:1.75}h1,h2,h3,h4,h5{font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;margin:0 0 1.86rem;font-weight:400;line-height:1.3}h1{font-size:clamp(2.488rem,7vw,4.209rem)}h2{font-size:clamp(2.074rem,5.3vw,3.157rem)}h3{font-size:clamp(1.728rem,4.1vw,2.369rem)}h4{font-size:clamp(1.44rem,2.96vw,1.777rem)}h5{font-size:clamp(1.2rem,2.26vw,1.333rem)}p{margin-bottom:1rem}img{max-width:100%}aside.iq{position:fixed;top:0;right:0;background:beige;padding:20px;font-weight:500}aside.iq .value{font-size:200%;font-family:"Fira Code",monospace,monospace;font-weight:500}.notify .notify__text{font-weight:600}.notify.notify--success .notify__text strong{color:var(--notify-success-progress)}main.question{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem;background:#cfcfcf}@media (min-height:760px){main.question{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media (max-height:759px){main.question{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}main.question .card{background:#fff;padding:10px 40px 30px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;max-width:500px;-webkit-box-shadow:0px 5px 15px -3px rgba(0,0,0,0.5);box-shadow:0px 5px 15px -3px rgba(0,0,0,0.5)}main.question .card h1,main.question .card h2,main.question .card h3,main.question .card h4,main.question .card h5,main.question .card p:last-child{margin-bottom:0}main.question .card h1{font-size:clamp(32px,7vw,48px);font-weight:800;margin:0}main.question .card img{width:100%;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}main.question .card .choices-and-timer{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}@media (max-width:380px){main.question .card .choices-and-timer{-ms-grid-columns:1fr;grid-template-columns:1fr}main.question .card .choices-and-timer .choices{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}main.question .card .choices-and-timer .timer{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}main.question .card .timer{font-family:"Fira Code",monospace,monospace;font-size:26px;font-weight:600;line-height:100%;padding-top:0.4em}main.question .card .timer .m{font-size:200%}main.question .card .timer .s{font-size:200%}main.question .card .choices{text-align:right}main.question .card .choices button{font-size:2em;border:0.1em solid;border-radius:50%;background-color:transparent;width:50px;height:50px;cursor:pointer;display:inline-block;padding:unset}main.question .card .choices button svg{width:32px;height:32px}main.question .card .choices button svg *{fill:currentColor}main.question .card .choices button.yes{color:#17680f;border-color:#17680f}main.question .card .choices button.yes svg{-webkit-transform:translateY(5%);-ms-transform:translateY(5%);transform:translateY(5%)}main.question .card .choices button.yes:hover{background:#17680f;color:#eee}main.question .card .choices button.no{color:#ee2a2a;border-color:#ee2a2a}main.question .card .choices button.no svg{-webkit-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%)}main.question .card .choices button.no:hover{background:#ee2a2a;color:#eee}main.game-over{background:#e4e72c;color:#121212;min-height:100vh}main.game-over .inner{width:100%;max-width:72ch;margin-left:auto;margin-right:auto}main.game-over section.headline{min-height:68vh;margin-bottom:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main.game-over section.headline h1{font-weight:700;font-size:clamp(3rem,12vw,13rem);text-align:center;text-transform:uppercase;letter-spacing:0.15em;margin:0;font-family:"Big Shoulders Display",sans-serif}main.game-over section.feedback{background:#111;color:#eee;padding:6em 20px}main.game-over section.feedback .before-headline{font-family:"Fira Code",monospace,monospace}main.game-over section.feedback h2{font-weight:700;font-family:"Big Shoulders Display",sans-serif;text-transform:uppercase;font-size:4em}main.game-over section.feedback p{font-family:"Fira Code",monospace,monospace}main.game-over section.credits{padding:6em 20px}main.game-over section.credits p{font-family:"Fira Code",monospace,monospace}main.game-over section.credits a{color:inherit;text-decoration:none;color:#c85c0d;font-weight:700}main.game-over section.credits a:hover{text-decoration:underline}@media (min-width:1000px){main.game-over section.headline{min-height:72vh}}@media (max-width:999px){main.game-over section.headline{min-height:50vh}}.underpecified a{color:red!important}#ThisDivDoesntHaveAClass{color:red}.so .i .really .had .to .go.nuts .with.the .cascade[for] [this=rule]{color:red}
/*# sourceMappingURL=site.css.map */