body,html{overscroll-behavior-y:contain}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(#000 15%,transparent 16%) 0 0,radial-gradient(#000 15%,transparent 16%) 8px 8px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 0 1px,radial-gradient(hsla(0,0%,100%,.1) 15%,transparent 20%) 8px 9px;background-color:#282828;background-size:16px 16px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.CardFront{background-color:#4d5a8a}.CardFront.card-enter{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.CardFront.card-enter-active,.CardFront.card-exit{-webkit-transform:rotateX(0);transform:rotateX(0)}.CardFront.card-exit-active{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.CardBack{background-color:#4d5a8a;display:flex;align-items:center}@media only screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.CardBack{flex-direction:column}}.CardBack.card-enter{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.CardBack.card-enter-active,.CardBack.card-exit{-webkit-transform:rotateX(0);transform:rotateX(0)}.CardBack.card-exit-active{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.CardBack .title{text-align:center;padding:.4rem 1rem 1rem}@media not screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.CardBack .title{padding:1rem .4rem 1rem 1rem;-webkit-writing-mode:tb-rl;-ms-writing-mode:tb-rl;writing-mode:tb-rl;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}}.CardBack .title h1{color:#ffd15d;font-weight:400;font-size:3rem;margin:0;padding:0;font-family:Fredericka the Great,serif;letter-spacing:.3rem}.CardBack .title h2{margin:0;padding:0;text-transform:uppercase;font-weight:400;color:#fff;font-size:.9rem;letter-spacing:.2rem;font-family:Forum,serif}@media only screen and (max-width:999.9px){.CardBack .title h1{font-size:2rem}.CardBack .title h2{font-size:.8rem;letter-spacing:.15rem}}.CardBack .questions{flex:1 1}@media only screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.CardBack .questions{width:100%}}.CardBack .questions .question-text .main{font-weight:700}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Game{position:relative;top:0;left:0;right:0;overflow:hidden}.Game .loading svg{margin:auto;color:#b0bef1;font-size:4rem;-webkit-animation-name:spin;-webkit-animation-duration:1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:1.5s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:1.5s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:linear}.Game .buttons-grid,.Game .loading svg{position:absolute;top:0;left:0;right:0;bottom:0}.Game .buttons-grid{display:flex;justify-content:space-around}@supports not (-ms-ime-align:auto){.Game .buttons-grid{justify-content:space-evenly}}.Game .buttons-grid .col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}@supports not (-ms-ime-align:auto){.Game .buttons-grid .col{justify-content:space-evenly}}@media only screen and (max-width:999.9px){.Game .buttons-grid .col{justify-content:space-around}}.Game .buttons-grid .col .tall-only{display:none}@media only screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.Game .buttons-grid .col .wide-only{display:none}.Game .buttons-grid .col .tall-only{display:unset}}.Game .buttons-grid .col .top-text{text-align:center;color:#fff;padding:.5rem}.Game .buttons-grid .col .top-text a{color:#fff}.Game .buttons-grid .col .top-text.madeby{opacity:.5}.Game .buttons-grid .col .top-text.error{background-color:#cd5c5c;font-weight:700}.Game .buttons-grid .col .top-text.error button{margin-left:1rem;padding:.3rem;background:none;color:#fff;font-family:inherit;font-weight:700;border:2px solid #fff}.Game .buttons-grid .col .top-text.error button:hover{background-color:#fff;color:#cd5c5c;cursor:pointer}.Game .buttons-grid .col .bottom-buttons{width:100%;display:flex;justify-content:space-around}@supports not (-ms-ime-align:auto){.Game .buttons-grid .col .bottom-buttons{justify-content:space-evenly}}.Game .buttons-grid .col .button button{background:none;border:none;margin:0;padding:0;display:block;color:#b0bef1;font-size:4rem;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}@media only screen and (max-width:999.9px){.Game .buttons-grid .col .button button{font-size:2rem}}.Game .buttons-grid .col .button button:hover{-webkit-filter:drop-shadow(0 0 .5rem hsla(0,0%,100%,.4));filter:drop-shadow(0 0 .5rem rgba(255,255,255,.4))}.Game .buttons-grid .col .button button:disabled{opacity:.3;filter:none;-webkit-filter:none;cursor:not-allowed}.Game .buttons-grid .col .button button:focus{outline:0}.Game .buttons-grid .col .button button svg{vertical-align:text-top}.Game .fullCard{position:absolute;display:flex;align-items:center;justify-content:center;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.Game .topCard{top:0;right:0;bottom:0;left:0}.Game .topCard.topCard-enter{opacity:0;left:-100vw}.Game .topCard.topCard-enter-active,.Game .topCard.topCard-exit{left:0;opacity:1}.Game .topCard.topCard-exit-active{opacity:0;left:-100vw}.Game .bgCard,.Game .bgCard.bgCard-enter{top:-1rem;right:-1rem;bottom:1rem;left:1rem;-webkit-filter:brightness(.8);filter:brightness(.8)}.Game .bgCard.bgCard-enter-active,.Game .bgCard.bgCard-exit{top:0;right:0;bottom:0;left:0;-webkit-filter:none;filter:none}.Game .bgCard.bgCard-exit-active{top:-1rem;right:-1rem;bottom:1rem;left:1rem;-webkit-filter:brightness(.8);filter:brightness(.8)}.Game .card-content{padding:.6rem;width:40rem;height:22.22222rem;max-height:75%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}@media only screen and (max-width:999.9px){.Game .card-content{width:70vw;height:38.88889vw}}@media only screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.Game .card-content{width:90vw;height:60vh}}.Game .card-content .questions{height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:space-around}@supports not (-ms-ime-align:auto){.Game .card-content .questions{justify-content:space-evenly}}.Game .card-content .questions .question{display:flex;align-items:center}.Game .card-content .questions .question .question-category{display:inline-block;vertical-align:middle;width:2rem;height:2rem;margin:0 .8rem;border-radius:50% 50% 0 50%;box-shadow:0 0 .4rem rgba(0,0,0,.5)}@media only screen and (max-width:999.9px){.Game .card-content .questions .question .question-category{width:1.5rem;height:1.5rem;margin:0 .5rem}}@media only screen and (max-aspect-ratio:1/1) and (max-width:699.9px){.Game .card-content .questions .question .question-category{width:2rem;height:2rem;margin:0 .5rem}}.Game .card-content .questions .question .question-text{flex:1 1;display:inline;font-size:1rem}@media only screen and (max-width:699.9px){.Game .card-content .questions .question .question-text{font-size:.9rem}}.App{font-family:Roboto Condensed,sans-serif}
/*# sourceMappingURL=main.e92c69f6.chunk.css.map */