@import url(https://fonts.googleapis.com/css2?family=Albert+Sans:wght@200;400;500&family=Montserrat:wght@200;300;400&family=Oswald:wght@200;300;400;500&family=Raleway:wght@100;200;300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif+Caption:ital@0;1&family=Rasa:wght@300;400;500&family=Red+Hat+Display:wght@300;400;500&family=Red+Rose:wght@300;400;500&family=Sansita:wght@700&display=swap);.home-container{display:flex;height:100vh;flex-direction:column;justify-content:center;align-items:center;text-align:center}.title{font-family:var(--heading-font);font-size:100px}.site-title{font-family:var(--secondary-font);font-weight:300;font-size:50px}.site-title,.title{transition:var(--short-animation)}.home-container .generate-btn{font-style:italic;margin-top:15px;font-weight:500}.generate-btn{padding:.5rem 1rem;text-decoration:none;cursor:pointer;border:none;border-radius:.2rem;font-family:var(--secondary-font);letter-spacing:1px;font-size:20px;transition:var(--short-animation)}.site-title.light,.title.light{color:#000}.site-title.dark,.title.dark{color:#fff}.generate-btn.light{background-color:#000;color:#fff}.generate-btn.dark{background-color:#fff;color:#000}.generate-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:700px){.title{font-size:75px}.site-title{font-size:40px}.generate-btn{font-size:15px}}@media (max-width:500px){.site-title{font-size:30px;margin-bottom:1rem}}.challenge-container{margin-top:50px}.challenge-container>div{min-height:150px;width:100%;margin-bottom:3rem}.content-header{font-family:var(--heading-font);font-size:50px;padding-bottom:10px;transition:var(--reg-animation)}.available-container.dark .content-header,.edit-container.dark .content-header,.selected-container.dark .content-header{border-bottom:1px solid #fff;color:#fff}.available-container.light .content-header,.edit-container.light .content-header,.selected-container.light .content-header{border-bottom:1px solid #000;color:#000}.available-btn-container{margin-top:1.1rem;display:grid;grid-template-columns:auto auto;justify-content:center;grid-gap:10px;gap:10px;min-height:70px}.available-btn{height:70px;width:300px;cursor:pointer;font-size:30px;border-radius:5px;transition:var(--short-animation);font-family:var(--secondary-font);font-weight:400}.available-container.light .available-btn{background-color:#000;color:#fff;border:none}.available-container.light .available-btn:hover{background-color:#272727}.available-container.dark .available-btn{background-color:#fff;color:#000;border:none}.available-container.dark .available-btn:hover{background-color:#d4d4d4}.selected-btn-container{padding-top:15px;display:grid;grid-template-columns:auto auto;justify-content:center;width:100%;min-height:70px;grid-gap:10px;gap:10px}.selected-btn{display:flex;width:300px;justify-content:space-between;align-items:center;padding:25px 10px;border-radius:10px;font-size:20px;font-family:var(--secondary-font);font-weight:500;transition:var(--short-animation)}.selected-btn-container.light .selected-btn{background-color:#000;color:#fff}.selected-btn-container.dark .selected-btn{background-color:#fff;color:#000}.selected-btn-container.light .selected-btn .util-btn{border-left:1px solid #fff}.selected-btn-container.dark .selected-btn .util-btn{border-left:1px solid #000}.util-btn{width:50%;justify-content:right}.util-btn,.util-btn button{display:flex;align-items:center}.util-btn button{margin-left:5px;height:30px;width:55px;padding:.5rem 1.5rem;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-size:14px;cursor:pointer;border:none;color:#fff;border-radius:5px;transition:var(--short-animation)}.util-btn button:hover{opacity:.75}.edit-btn{background-color:#0692d3}.del-btn{background-color:red}.edit-container{margin-top:0;-webkit-animation:edit-appears 1s;animation:edit-appears 1s}.edit-container.hide{opacity:0;display:none}.edit-container.show{opacity:1}.edit-input-container{padding:15px;display:flex;min-width:260px;min-height:150px;justify-content:center;align-items:center}.form-container{border-radius:0;padding:1rem;transition:var(--reg-animation)}.form-container.light{border:1px dashed #000}.form-container.dark{border:1px dashed #fff}.edit-problems{margin-left:2rem;border-radius:1rem;background-color:#ff9100;position:relative;padding:1rem;max-width:80%}.edit-problems h3{font-family:var(--heading-font);font-weight:400;font-size:1.3rem}.problem-list{font-family:var(--quaternary-font);font-weight:300;font-size:1rem;padding-left:2rem}.edit-problems:before{content:"";position:absolute;left:-15px;border-top:10px solid transparent;border-right:20px solid #ff9100;border-bottom:10px solid transparent}.label-input,.num-input,.selected-type{transition:var(--short-animation)}.label-input.light,.num-input.light,.selected-type.light{color:#000}.label-input.dark,.num-input.dark,.selected-type.dark{color:#fff}.num-input.light{background-color:#fff;border:1px solid #000}.num-input.dark{background-color:#000;border:1px solid #fff}.edit-input-container form{display:grid;grid-row-gap:5px;row-gap:5px;align-items:center;grid-template-areas:"question1 answer1 answer1" "question2 answer2 answer2"}.label-input{font-family:var(--secondary-font);font-weight:300;padding-right:.5rem;font-size:1.3rem}.selected-type{text-align:center;font-size:2.5rem;font-weight:lighter;margin-bottom:.5rem}.edit-input-container .selected-type{font-family:var(--secondary-font);font-weight:500;grid-area:title}.num-input{height:1.8rem;border-radius:5px;text-align:center;width:4rem;font-size:.8rem}.label-input-min{grid-area:question1}.label-input-max{grid-area:question2}.input-min{grid-area:answer1}.input-max{grid-area:answer2}.game-start-container{width:100%;display:flex;justify-content:center;align-items:center}.game-start-btn{padding:.5rem 1rem;text-decoration:none;cursor:pointer;border:none;border-radius:.5rem;font-family:var(--input-font);font-size:20px;transition:var(--short-animation)}.game-start-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.game-start-btn.light{color:#fff;background-color:#000}.game-start-btn.dark{color:#000;background-color:#fff}@-webkit-keyframes edit-appears{0%{opacity:0;height:0}50%{height:-webkit-fit-content;height:fit-content}to{opacity:1%}}@keyframes edit-appears{0%{opacity:0;height:0}50%{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}to{opacity:1%}}@media (max-width:800px){.challenge-container>div{min-height:150px;margin-bottom:1rem}.content-header{font-size:40px}.available-btn{height:60px;width:250px;font-size:20px}.selected-btn{height:60px;width:250px;font-size:15px}.util-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.util-btn button{height:25px;width:40px;font-size:10px}.selected-type{font-size:2rem}.label-input{font-size:1rem}.num-input{width:3.5rem;font-size:.7rem}}@media (max-width:600px){.challenge-container>div{min-height:120px;margin-bottom:.5rem}.content-header{font-size:35px}.available-btn-container{grid-template-columns:auto}.available-btn{height:50px;width:350px;font-size:20px}.selected-btn-container{grid-template-columns:auto}.selected-btn{height:60px;width:300px;font-size:21px}.util-btn button{height:20px;width:45px;padding:.2rem 1.2rem;font-size:11px}.edit-input-container{flex-direction:column}.edit-problems{margin:2rem 0 0}.edit-problems:before{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ff9100;left:50%;top:-20px}.edit-problems h3{font-size:1.2rem}.problem-list{font-size:1rem;padding-left:1.6rem}}@media (max-width:450px){.challenge-container>div{min-height:100px;margin-bottom:.25rem}.available-btn-container{min-height:0}.challenge-container{margin-top:3.5rem}.content-header{font-size:32px}.available-btn{height:60px;width:300px;font-size:24px}.selected-btn{height:60px;width:250px;font-size:18px;padding:15px 10px}.util-btn button{height:25px;width:45px;padding:.1rem .8rem;font-size:12px}.selected-type{font-size:2rem}.label-input{font-size:1.2rem}.num-input{width:5rem;height:1.5rem;font-size:.9rem}.edit-problems h3{font-size:1.5rem}.problem-list{font-size:.8rem;padding-left:1.2rem}}:root{--about-headers:"Albert Sans",sans-serif;--about-contents:"Montserrat",sans-serif;--about-message:"Raleway",sans-serif;--about-links:"Oswald",sans-serif}.about-art.light,.msg-footer.light{background-color:rgba(0,0,0,.13)}.about-art.dark,.msg-footer.dark{background-color:hsla(0,0%,78%,.13)}.about-container h1,.about-container p{transition:var(--reg-animation)}.about-art.light *,.msg-footer.light *{color:#000}.about-art.dark *,.msg-footer.dark *{color:#fff}.about-container{width:80vw}.about-art,.about-container{display:flex;flex-direction:column}.about-art{border-radius:10px;padding:5rem;margin:100px 0 50px}.about-headers{font-family:Albert Sans,sans-serif;font-family:var(--about-headers);font-weight:600;font-size:5rem;margin-bottom:20px}.about-content{font-family:Montserrat,sans-serif;font-family:var(--about-contents);font-weight:400;width:80%;min-width:300px;font-size:1.2rem}.msg-footer{text-align:right;background-color:rgba(0,0,0,.13);padding:5rem;border-radius:10px;margin-bottom:150px}#msg-header{font-weight:500;font-size:3rem}.about-msg{font-family:Raleway,sans-serif;font-family:var(--about-message);font-weight:500;font-size:1.1rem;margin-bottom:30px}.msg-footer ul{padding:0;text-align:center}.msg-footer ul li{list-style-type:none}.about-link{font-family:Oswald,sans-serif;font-family:var(--about-links);text-decoration:none;color:#000;font-weight:500;font-size:1.5rem;margin-bottom:15px;transition:all .25s ease-in-out!important}.about-link:hover{font-size:1.7rem}@media (max-width:600px){.about-art,.msg-footer{padding:3.5rem}.about-headers{font-size:3.5rem}.about-content{font-size:1rem}#msg-header{font-size:2.5rem}.about-msg{font-size:1rem}.about-link{font-size:1.2rem}.about-link:hover{font-size:1.5rem}}@media (max-width:600px){.about-container{width:100%}.about-art,.msg-footer{border-radius:0;padding:2rem 1rem}.about-content,.about-msg{width:100%}}.not-found-container{display:flex;flex-direction:column;border-width:3px;border-style:dashed;margin-top:80px;padding:3rem;border-radius:2rem;transition:var(--reg-animation)}.not-found-container.light{border-color:#000}.not-found-container.dark{border-color:#fff}.not-found-container *{transition:var(--reg-animation)}.not-found-container.light *{color:#000}.not-found-container.dark *{color:#fff}.not-found-header{font-family:var(--heading-font);font-size:8rem}.not-found-secondary{font-family:var(--secondary-font);font-size:2.5rem}.not-found-tertiary{font-family:var(--tertiary-font);font-size:1.8rem;margin-bottom:30px}.go-home{background-color:hsl(0,0%,var(--go-home-lightness));text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--input-font);font-weight:500;font-size:1.2rem;border-radius:.6rem;padding:.5rem 1rem;transition:var(--short-animation)}.go-home.light{--go-home-lightness:80%}.go-home.dark{--go-home-lightness:12%}.go-home:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8}.screen{position:absolute;top:0;left:0;z-index:0;height:100vh;width:100vw;font-family:var(--heading-font);display:flex;align-items:center;justify-content:center;transition:var(--short-animation)}.screen.light{background-color:#fff}.screen.light h1{color:#000}.screen.dark{background-color:#000}.screen.dark h1{color:#fff}.gameplay{min-height:500px;width:100%;display:flex;flex-direction:column;align-items:center}.question-num{margin-top:80px;font-family:var(--heading-font);font-size:50px;transition:var(--short-animation)}.question-num.light{color:#000}.question-num.dark{color:#fff}.game-form{display:flex;justify-content:center;flex-direction:column;align-items:center}.game-form.light *{color:#000}.game-form.dark *{color:#fff}.game-question{width:100%;margin-top:15px;text-align:center;font-family:var(--heading-font);margin-bottom:15px;font-size:50px;transition:var(--short-animation)}.input-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:1rem}.input-container.light{border-top:1px solid #000}.input-container.dark{border-top:1px solid #047009}.challenge-type{font-size:50px;letter-spacing:5px}.challenge-type,.game-input{font-family:var(--secondary-font);text-align:center;transition:var(--short-animation)}.game-input{-webkit-appearance:none;-moz-appearance:textfield;outline:none;margin-top:30px;width:300px;font-weight:400;font-size:40px;height:60px;padding:1rem .3rem;border-radius:.5rem}.game-input.light{color:#fff;border:2px solid #afafaf;background-color:#000002}.game-input.dark{color:#000;border:2px solid #4b4b4b;background-color:#fff}.ans-submit{font-family:var(--input-font);border:1px solid #047009;transition:var(--short-animation);margin-top:15px;cursor:pointer;border-radius:.8rem;letter-spacing:5px;font-size:1.5rem;padding:.5rem 2rem}.ans-submit:hover{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}.ans-submit.light{background-color:#fff;border:1px solid #000}.ans-submit.dark{background-color:#000;border:1px solid #047009}.end-screen{height:100%;margin-top:50px;padding:10px;min-height:80vh}.end-main-stats,.end-screen{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-score{font-family:var(--heading-font);font-size:3rem;margin-bottom:15px;transition:var(--reg-animation)}.game-score.light{color:#000}.game-score.dark{color:#fff}.ratio-percent-container{overflow:hidden;border-radius:30px;width:500px;height:60px;margin-bottom:15px;transition:var(--reg-animation)}.ratio-percent-container.light{border:5px solid #000}.ratio-percent-container.dark{border:5px solid #fff}.ratio-percent{height:100%;transition:var(--reg-animation)}.ratio-percent.light{background-color:#ff7e94}.ratio-percent.dark{background-color:#08b908}.time-taken{font-family:var(--secondary-font);text-align:center;font-weight:200;font-size:1.5rem;letter-spacing:1.5px;margin-bottom:15px;transition:var(--reg-animation)}.time-taken.light{color:#000}.time-taken.dark{color:#fff}.end-nav{margin-bottom:30px}.end-nav button{--hsl-saturation:100%;font-family:var(--input-font);font-size:1rem;cursor:pointer;margin:5px;padding:.8rem 1.5rem;border:none;border-radius:.5rem;transition:var(--short-animation)}.end-nav button:hover{--hsl-saturation:80%;-webkit-transform:scale(1.1);transform:scale(1.1)}.more-btn{background-color:hsl(36,var(--hsl-saturation),57%)}.again-btn{background-color:hsl(128,var(--hsl-saturation),40%)}.back-btn{background-color:hsl(0,var(--hsl-saturation),58%)}.game-stats-container{margin-bottom:80px;width:350px}.challenge-stats{width:100%;margin-bottom:30px;transition:var(--short-animation)}.challenge-stats *{font-family:var(--question-font)}.challenge-stats.light,.game-percent.light,.game-total.light{color:#000}.challenge-stats.dark,.game-percent.dark,.game-total.dark{color:#fff}.challenge-name{font-size:3rem;text-align:center;margin-bottom:15px}.challenge-overall{font-size:2rem;font-weight:300}.challenge-range{font-size:1.5rem;font-weight:200}.game-percent,.game-total{font-size:2rem;font-family:var(--secondary-font);font-weight:300;text-align:center}@media (max-width:650px){.ratio-percent-container{width:400px}.game-stats-container{width:300px}.challenge-name{font-size:2.5rem}.challenge-overall{font-size:1.8rem}.challenge-range{font-size:1.3rem}}@media (max-width:480px){.question-num{font-size:45px}.game-question{font-size:70px}.challenge-type{font-size:40px}.ratio-percent-container{width:350px}.game-input{width:250px;height:50px;font-size:35px}.end-nav button{padding:.8rem 1.1rem}}@media (max-width:400px){.question-num{font-size:40px}.game-question{font-size:60px}.challenge-type{font-size:32px}.game-input{width:200px;height:45px;font-size:28px}.ratio-percent-container{width:350px;width:300px}.end-nav{display:grid;grid-template:"see-btn back-btn" "again-btn again-btn"}.more-btn{grid-area:see-btn}.back-btn{grid-area:back-btn}.again-btn{grid-area:again-btn}.game-percent,.game-total{font-size:1.5rem}}.menu{position:absolute;top:5px;right:5px;z-index:100;transition:var(--reg-animation)}.menu.show{opacity:1;pointer-events:all}.menu.hide{opacity:0;pointer-events:none}.burger-menu{display:flex;justify-content:center;align-items:center;padding:10px;transition:var(--reg-animation);cursor:pointer;transition:var(--short-animation)}.burger-menu:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.burger-menu.light .burger-icon{-webkit-filter:invert(100%);filter:invert(100%)}.burger-icon{width:30px;height:30px}.menu-list{--menu-list-width:300px;display:flex;flex-direction:column;overflow:hidden;position:fixed;background-color:#111;overflow-x:hidden;border-radius:0 0 0 0;z-index:1;top:0;height:100vh;width:var(--menu-list-width);right:calc(var(--menu-list-width)*-1);padding:0;transition:var(--reg-animation)}.close-btn{position:absolute;top:20px;right:30px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.close-sign{font-size:30px;color:#fff}.menu-list>*{display:flex;justify-content:center;white-space:nowrap}.menu-list h2{font-family:var(--heading-font);font-size:40px;padding:3rem;border-bottom:1px solid #fff}#set-mode label,.menu-list li{font-family:var(--secondary-font);padding:2rem;font-size:18px}#set-mode label,.menu-link{color:#fff;text-decoration:none;transition:var(--short-animation)}#set-mode label:hover,.menu-link:hover{color:#bdbdbd}#set-mode{display:block;position:relative;margin:0 auto;padding:2rem;max-width:80%;-webkit-user-select:none;-ms-user-select:none;user-select:none}#set-mode label,.checkmark{cursor:pointer}#set-mode label{padding:0;margin-left:10px}#set-mode input{position:absolute;opacity:0;height:0;width:0}.checkmark{position:absolute;left:0;height:25px;width:25px;background-color:transparent;border:1px solid #fff;border-radius:3px;transition:var(--short-animation)}.checkbox-container:hover input~.checkmark{background-color:rgba(0,0,0,.7)}.checkbox-container input:checked~.checkmark{background-color:#000}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}*,:after,:before{margin:0;box-sizing:border-box;--heading-font:"Sansita",sans-serif;--secondary-font:"Red Rose",cursive;--tertiary-font:Arial,Helvetica,sans-serif;--quaternary-font:"Arial Narrow",Arial,sans-serif;--input-font:"Red Hat Display",sans-serif;--question-font:"Rasa",serif;--reg-animation:all 0.5s ease-in-out;--short-animation:all 0.25s ease-in-out}:root{--regular-transition:0.2s ease-in-out;--slow-transition:0.5s ease-in-out}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.App{display:flex;justify-content:center;align-items:center}.App.dark{background-color:#000}.App.light{background-color:#fff}.content{min-width:80vw;min-height:100vh}.content.dark{background-color:#000}
/*# sourceMappingURL=main.4bc908cb.chunk.css.map */