body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#555;color:#eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Nimbus Mono PS,Courier New,monospace}html{overflow-x:hidden}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;outline:none;text-rendering:optimizeLegibility}html{font-size:10px;min-height:100vh}body{background-color:#ff8400;background-image:linear-gradient(100deg,#ff8400,#ff8400 10%,#e09d00 30%,#ff00a6);background-size:100%;color:#8a0000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.8rem;height:100%;line-height:1.44}.triviaContainer{background-color:#ffffff61;box-shadow:0 0 24px 4px #0003;margin-left:auto;margin-right:auto;max-width:640px;min-height:100vh;padding:6rem 3rem}.siteHeader{align-items:flex-end;display:flex;gap:20px;margin-bottom:4rem}.primaryHeading{font-size:4.8rem;font-weight:700;letter-spacing:-.01em}.siteHeader-logo{max-width:100px;width:100%}.siteHeader-logo svg{display:block;height:auto;width:100%}.triviaForm{font-size:2.4rem;position:relative}.triviaQuestion{margin-bottom:1em;position:relative}.triviaAnswer-underscores{bottom:-.2em;color:#fff;display:block;font-family:inherit;height:100%;left:0;letter-spacing:.11em;opacity:.5;pointer-events:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.triviaQuestionPart--answer{display:inline-block;font-family:Nimbus Mono PS,Courier New,monospace;position:relative}.triviaQuestionLabel{opacity:0;pointer-events:none;position:absolute;z-index:1}.triviaAnswer{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:0;color:#c01111;display:block;font-family:inherit;font-size:inherit;font-weight:700;height:1em;left:0;letter-spacing:.1em;opacity:1;position:absolute;top:0;width:100%;z-index:2}.triviaAnswer::placeholder{color:#c01111;font-family:inherit;letter-spacing:inherit;opacity:0}.triviaFormFooter{align-items:center;display:flex;flex-wrap:wrap;gap:1em}.triviaFormSubmit{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:4px solid #fff9;border-radius:1em;color:inherit;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:700;gap:.5em;padding:.5em .5em .5em .75em;transition:border-color .15s,background-color .15s,color .15s}.triviaFormSubmit:after{background-color:#fff;border-radius:50%;content:"";display:block;font-size:inherit;height:.5em;opacity:.6;transition:opacity .15s;width:.5em}.triviaFormSubmit:not(:disabled):hover{background-color:#ff00a6;border-color:#fff;color:#fff}.triviaFormSubmit:not(:disabled):hover:after{opacity:1}.triviaFormSubmit:disabled{color:#fff9;cursor:default;opacity:.66}.triviaMeta{color:#333;font-style:italic}.triviaAnswerList{margin-top:1.4em;position:relative}.triviaAnswerList:before{content:"Previous answers: ";font-size:.75em;letter-spacing:.05em;text-transform:uppercase}.triviaQuestion-loadingIndicator,.triviaQuestion-loadingIndicator div{box-sizing:border-box}.triviaQuestion-loadingIndicator{color:#f0f;display:none;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:2}.triviaQuestion-loadingIndicator div{animation:triviaQuestion-loadingIndicator 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid;border-radius:50%;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.triviaQuestion-loadingIndicator div:first-child{animation-delay:-.45s}.triviaQuestion-loadingIndicator div:nth-child(2){animation-delay:-.3s}.triviaQuestion-loadingIndicator div:nth-child(3){animation-delay:-.15s}@keyframes triviaQuestion-loadingIndicator{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.triviaForm--gotCorrectAnswer .triviaMeta{display:none}.triviaForm--gotCorrectAnswer .triviaAnswerItem:last-child{color:green}.triviaForm--gotCorrectAnswer .triviaAnswerItem:last-child:before{content:"✓ "}.triviaForm--gotCorrectAnswer .triviaFormSubmit{border-color:green;color:green}.triviaForm--is-loading .triviaQuestion-loadingIndicator{display:inline-block}.triviaForm--is-loading .triviaAnswerList,.triviaForm--is-loading .triviaMeta{display:none}.triviaForm--is-loading .triviaQuestion{animation-direction:alternate;animation-duration:.75s;animation-iteration-count:infinite;animation-name:fadeInOut;animation-timing-function:ease-in-out;background-color:#fff;border-radius:.5em;min-height:6em}@keyframes fadeInOut{0%{opacity:.25}to{opacity:.5}}
/*# sourceMappingURL=main.e5393bef.css.map*/