@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);.App{margin:0;padding:0;text-align:center}.background{left:0;position:fixed;top:0;z-index:-1}.content{height:100vh;left:0;position:relative;top:0;width:100vw;z-index:1}.background{background-color:#272f70;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.background .div{background-color:#272f70;height:100vh;overflow:hidden;position:relative;width:100vw}.background .blue-ellipse{background-color:#0f175f}.background .blue-ellipse,.background .white-ellipse{filter:blur(20px);filter:blur(var(--ellipse-blur,20px));height:200px;height:var(--ellipse-height,200px);left:50%;left:var(--ellipse-left,50%);position:absolute;top:50%;top:var(--ellipse-top,50%);transform:translate(-50%,-50%);width:200px;width:var(--ellipse-width,200px)}.background .white-ellipse{background-color:#eceefa;border-radius:50%;border-radius:var(--ellipse-radius,50%)}:root{--primary-color:#bfc4f2;--secondary-color:#eceefa;--text-color:#000;--font-family:"Patrick Hand",sans-serif;--box-shadow-default:8px 8px 4px #00000040;--default-highlight:0 0 10px 5px #ffbf00}body,html{height:100%;margin:0;overflow:auto;padding:0}.container{align-items:center;height:100vh;justify-content:center;width:100vw}.container,.white-box-regular{display:flex;flex-direction:column}.white-box-regular{background-color:#eceefa;background-color:var(--secondary-color);border-radius:10px;box-shadow:8px 8px 4px #00000040;box-shadow:var(--box-shadow-default);box-sizing:border-box;height:84vh;padding:1.5vh 1.3vw;position:relative;width:60vw}@media (max-width:1180px){.white-box-regular{height:75vh;width:70vw}}.white-box-tall{background-color:#eceefa;background-color:var(--secondary-color);border-radius:10px;box-shadow:8px 8px 4px #00000040;box-shadow:var(--box-shadow-default);box-sizing:border-box;display:flex;flex-direction:column;height:90vh;padding:1.5vh 1.5vw;position:relative;top:2vh;width:65vw}@media (max-width:1124px){.white-box-tall{height:85vh;width:70vw}}.white-box-large{align-items:center;background-color:#eceefa;background-color:var(--secondary-color);border-radius:10px;box-shadow:8px 8px 4px #00000040;box-shadow:var(--box-shadow-default);box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:flex-start;padding:1.5vh 1.5vw;position:relative;width:70vw}.title-text{font-size:2.8vw;font-weight:700;letter-spacing:1px}.title-text,.title-text-small{color:#000;color:var(--text-color);display:flex;font-family:Patrick Hand,sans-serif;font-family:var(--font-family);justify-content:center}.title-text-small{font-size:2.2vw}.button-default{align-items:center;background-color:#bfc4f2;background-color:var(--primary-color);border:none;border-radius:50px;color:#000;color:var(--text-color);cursor:pointer;display:flex;font-weight:700;justify-content:center;letter-spacing:1px;padding:.5vh 2vw;transform:translate(-50%,-50%)}.button-default,.congratulation-message{font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:2.5vw;position:absolute}.congratulation-message{text-align:center;top:50%;transform:translateY(-50%);width:100%}.congratulation-title{font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:4vw;font-weight:700;letter-spacing:1px;padding:2vh;text-align:center;width:100%}.header-button{background-color:#bfc4f2;background-color:var(--primary-color);border:none;border-radius:50px;color:#000;color:var(--text-color);cursor:pointer;font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:2vw;padding:.1vh .8vw}.header-button,.overlay{align-items:center;display:flex;justify-content:center}.overlay{bottom:20px;position:absolute;right:10px;z-index:1}.overlay-content{align-items:center;background:#eceefa;background:var(--secondary-color);border:2px solid #000;border:2px solid var(--text-color);border-radius:10px;box-shadow:8px 8px 4px #00000040;box-shadow:var(--box-shadow-default);color:#000;color:var(--text-color);display:flex;flex-direction:column;font-size:2vw;height:100%;justify-content:center;padding:.4vw 1vw}.overlay-content,.screen-size-message{font-family:Patrick Hand,sans-serif;font-family:var(--font-family);text-align:center;width:100%}.screen-size-message{font-size:6vw;position:relative;top:50%;transform:translateY(-50%)}.stars-upper{display:flex;justify-content:center;margin-top:1.5vh}.highlighted{box-shadow:0 0 10px 5px #ffbf00;transition:box-shadow .3s ease-in-out}.tutorial-header-regular{background-color:initial;color:#eceefa;color:var(--secondary-color);font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:2.2vw;font-weight:700;left:50%;pointer-events:none;position:absolute;top:1.5%;transform:translateX(-50%);z-index:10}@media (max-width:1180px){.tutorial-header-regular{top:7%}}@media (max-height:520px){.tutorial-header-regular{top:.2%}}.tutorial-header-large{background-color:initial;color:#eceefa;color:var(--secondary-color);font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:2.2vw;font-weight:700;left:50%;pointer-events:none;position:absolute;top:4%;transform:translateX(-50%);z-index:10}@media (max-width:1180px){.tutorial-header-large{top:4%}}@media (max-height:520px){.tutorial-header-large{top:.3%}}.tutorial-header-tall{background-color:initial;color:#eceefa;color:var(--secondary-color);font-family:Patrick Hand,sans-serif;font-family:var(--font-family);font-size:2.2vw;font-weight:700;left:50%;pointer-events:none;position:absolute;top:1%;transform:translateX(-50%);z-index:10}@media (max-width:1180px){.tutorial-header-tall{top:1.5%}}@media (max-width:1024px){.tutorial-header-tall{top:5%}}@media (max-height:520px){.tutorial-header-tall{top:.1%}}.stars-container2{display:flex;justify-content:space-around;margin-bottom:.5em}.star2{color:gold;font-size:2rem}.rectangle{background-color:var(--secondary-color);border-radius:10px;box-shadow:var(--box-shadow-default);color:var(--text-color);display:flex;flex-direction:column;font-family:var(--font-family);font-size:1.5vw;font-weight:700;height:10.2vw;left:0;letter-spacing:2px;padding:.5vw;position:absolute;text-align:center;top:0;width:10.2vw}.rectangle.inactive{cursor:not-allowed}.progress-line{border-radius:10px;height:68%;left:28%;position:absolute;top:24vh;width:.5%}.dot,.progress-line{background-color:var(--secondary-color);box-shadow:var(--box-shadow-default)}.dot{border-radius:50%;height:1vw;width:1vw}.star{height:2.5vw;width:2.5vw}.lock{height:3.8vw;width:3.8vw}.crown{filter:drop-shadow(8px 8px 4px #00000040);height:5vw;left:28.25%;position:absolute;top:6vh;transform:translate(-50%,-50%);width:auto}@media (max-width:1180px){.crown{top:5vh}}@media (max-width:1024px){.crown{top:9vh}}.white-box-small{align-items:center;background-color:var(--secondary-color);border-radius:10px;box-shadow:var(--box-shadow-default);box-sizing:border-box;display:flex;flex-direction:column;height:45vh;padding:1.5vh 1.5vw;position:relative;width:40vw}@media (max-width:1124px){.white-box-small{height:35vh}}.medium-text{color:var(--text-color);display:flex;font-family:var(--font-family);font-size:2.5vw;font-weight:700;justify-content:center;letter-spacing:1px;margin-top:2vh}.difficulty-buttons{margin:0 auto;width:100%}.blue-square,.difficulty-buttons{align-items:center;display:flex;justify-content:center}.blue-square{background-color:var(--primary-color);border:none;border-radius:10px;box-shadow:var(--box-shadow-default);color:var(--text-color);cursor:pointer;flex-direction:column;font-family:var(--font-family);font-size:1.8vw;font-weight:600;height:8vw;margin:5%;padding:1vh;width:8vw}.star-A1{aspect-ratio:1/1;cursor:pointer;width:2.2vw}.cloud-A1{height:44vh;margin-top:1vh;position:absolute;width:27vw}@media (max-width:1124px){.cloud-A1{width:30vw}}.div-A1{align-items:center;display:flex;flex-direction:column;height:100%;position:relative;width:100%}.info-input-A1{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;color:var(--text-color);font-family:var(--font-family);font-size:4vw;height:4vw;margin-top:32vh;text-align:center;width:4vw}.button-container-A1{display:flex;justify-content:center;margin-top:1vh;width:100%}.operator-button-A1{align-items:center;background-color:var(--primary-color);border:1px solid var(--text-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-family:var(--font-family);font-size:2.5vw;height:4vw;margin-left:1vh;margin-right:1vh;outline:none;width:4vw;z-index:2}.label-container-A1,.operator-button-A1{display:flex;justify-content:center}.operator-label-A1{color:var(--text-color);font-family:var(--font-family);font-size:1.5vw;margin:0 .7vw}.cube-rows-A2{align-items:flex-start;display:flex;flex-direction:column}.cube-row-A2{margin-left:1.5vw;margin-top:3vh}.cube-A2,.cube-row-A2{display:flex;justify-content:center}.cube-A2{align-items:center;aspect-ratio:1/1;background-color:var(--primary-color);border:2px solid var(--text-color);position:relative;width:5vw}.cube-label-A2{color:var(--text-color);font-family:var(--font-family);font-size:2vw;position:absolute;text-align:center;width:100%}.info-A2{align-items:center;display:flex;justify-content:center;left:50%;margin-top:2vh;position:relative;transform:translateX(-50%)}.info-A2,.info-input-A2{font-family:var(--font-family);font-size:4vw}.info-input-A2{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;color:var(--text-color);height:4vw;margin:0 1vw;text-align:center;width:4vw}.button-container-A2{display:flex;justify-content:center}.operator-button-A2{background-color:var(--primary-color);border:1px solid var(--text-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-family:var(--font-family);font-size:2.5vw;height:4vw;margin:1vh;outline:none;width:4vw}.difference-container,.operator-button-A2{align-items:center;display:flex;justify-content:center}.difference-container{font-size:4vw}.label-container-A2{display:flex;justify-content:center;margin-top:-1%}.operator-label-A2{color:var(--text-color);font-family:var(--font-family);font-size:1.5vw;margin:0 .7vw}.coin-row-A3{display:flex;justify-content:space-between;margin-top:2vh;width:100%}.coin-stack-A3{flex-wrap:wrap;gap:.1vw;width:45%}.coin-A3,.coin-stack-A3{display:flex;justify-content:center}.coin-A3{align-items:center;background-color:var(--primary-color);border:2px solid var(--text-color);border-radius:50%;font-family:var(--font-family);font-size:2vw;height:2.7vw;width:2.7vw}.active-coin-A3{background-color:red}.arrows-A3{display:flex;justify-content:space-around;width:100%}.button-absolute-A3{align-items:center;background-color:var(--primary-color);border:none;border-radius:50px;cursor:pointer;display:flex;font-size:2.5vw;font-weight:700;height:10%;justify-content:center;letter-spacing:1px;position:absolute;transform:translate(-50%,-50%);width:20%}.button-absolute-A3,.info-input-A3{color:var(--text-color);font-family:var(--font-family)}.info-input-A3{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;font-size:4vw;height:4vw;margin:0 1vw;text-align:center;width:4vw}@media (max-width:1124px){.info-input-A3{width:3vw}}.button-container-A3{align-items:center;display:flex;justify-content:center;width:100%}.operator-button-A3{background-color:var(--primary-color);border:1px solid var(--text-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-size:2.5vw;height:4vw;margin:1vh;outline:none;width:4vw}.info-A5,.operator-button-A3{align-items:center;display:flex;font-family:var(--font-family);justify-content:center}.info-A5{font-size:4vw;margin-top:15vh}.info-input-A5{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;color:var(--text-color);font-family:var(--font-family);font-size:4vw;height:5vw;margin:0 2vw;text-align:center;width:8vw}.equation-row{align-items:center;display:flex;font-size:2.5vw;justify-content:flex-start;margin-top:1vh;width:100%}.equation-part{color:var(--text-color);font-family:var(--font-family);font-weight:700;margin:.5vw}.coin-row-A6{justify-content:space-around;margin-left:8vw;margin-top:2vh;width:85%}.coin-container-A6,.coin-row-A6{align-items:flex-start;display:flex}.coin-container-A6{flex-wrap:wrap;height:6vw;justify-content:center;width:45%}.equal-sign{left:25%}.equal-sign,.minus-sign{color:var(--text-color);font-family:var(--font-family);font-size:2.5vw;font-weight:700;position:fixed}.minus-sign{left:54%}.coin-stack-A6{flex-wrap:wrap}.coin-A6,.coin-stack-A6{display:flex;justify-content:center}.coin-A6{align-items:center;background-color:var(--primary-color);border:2px solid var(--text-color);border-radius:50%;font-family:var(--font-family);font-size:2vw;height:2.7vw;width:2.7vw}.active-coin-A6{background-color:red}.info-input-A6{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;color:var(--text-color);font-size:3vw;height:4vw;margin-left:5vw;text-align:center;width:8vw}.info-A6,.info-input-A6{font-family:var(--font-family)}.info-A6{align-items:center;display:flex;font-size:4vw;justify-content:center}.number-table-A7{border-collapse:collapse;margin:0 auto;text-align:center;width:55%}.number-table-A7 td,.number-table-A7 th{border:1px solid var(--text-color);font-family:var(--font-family);font-size:3vh;left:0;padding:.3vh;width:25%}.minus-sign-A7{left:25%;position:absolute}.input-field-A7,.minus-sign-A7{font-family:var(--font-family);font-size:3vh}.input-field-A7{background-color:var(--secondary-color);border:1px solid var(--text-color);border-radius:5%;box-sizing:border-box;text-align:center;width:55%}@media (max-width:1124px){.input-field-A7{font-size:2vh}}.number-line{align-items:flex-start;background-color:var(--text-color);border-radius:10px;height:3px;justify-content:space-between;left:5%;top:5vh;transform:translateY(-50%);width:90%}.number-dot,.number-line{display:flex;position:relative}.number-dot{align-items:center;color:var(--text-color);flex-direction:column;font-family:var(--font-family);font-size:25px;justify-content:center;padding:2%}.number-dot:before{background-color:var(--text-color);border-radius:50%;content:"";height:.7vw;left:50%;position:absolute;top:3%;transform:translate(-50%,-50%);width:.7vw}.blue-dot:before{background-color:blue}.blue-dot{color:blue}.red-dot:before{background-color:red}.red-dot{color:red}.car_img{height:auto;left:50%;position:absolute;top:-2vw;transform:translateX(-50%);width:4vw}.rectangle-container{display:flex;justify-content:space-around;margin-top:17vh}.rectangle2{display:flex}.rectangle2,.square{align-items:center;font-family:var(--font-family);justify-content:center}.square{background-color:var(--secondary-color);border:1.5px solid var(--text-color);cursor:pointer;display:inline-flex;flex-direction:column;font-size:2.5vw;font-weight:700;height:6vw;width:6vw}.red-text{color:red}.blue-text{color:blue}.black-text{color:var(--text-color)}.grid{align-items:center;display:flex;height:100%;justify-content:flex-start;margin-left:1vh;margin-top:3vh;width:60%}@media (max-width:1124px){.grid{width:50%}}.rectangleHard{display:flex}.rectangleHard,.squareHard{align-items:center;font-family:var(--font-family);justify-content:center}.squareHard{background-color:var(--secondary-color);border:1.5px solid var(--text-color);color:#000;cursor:pointer;display:inline-flex;flex-direction:column;font-size:2vw;font-weight:700;height:5vw;width:5vw}@media (max-width:1124px){.squareHard{height:7vw;width:7vw}}.rectangle-container-hard{display:flex;gap:5vh;justify-content:flex-start;margin-left:1vw;margin-top:5vh}.triangle{border-style:solid;position:absolute}.triangle.up{border-color:#0000 #0000 currentColor;border-width:0 .7vw .7vw;bottom:5vw}.triangle.down,.triangle.up{left:-.2vh;transform:translateX(-50%)}.triangle.down{border-color:currentColor #0000 #0000;border-width:.7vw .7vw 0;top:2.5vw}.triangle.left{border-color:#0000 currentColor #0000 #0000;border-width:.7vw .7vw .7vw 0;right:5vw}.triangle.left,.triangle.right{top:-.2vh;transform:translateY(-50%)}.triangle.right{border-color:#0000 #0000 #0000 currentColor;border-width:.7vw 0 .7vw .7vw;left:2.5vw}.plus-sign{color:var(--text-color);font-size:2vw;font-weight:700;position:absolute}.plus-sign.up{top:-4.2vw}.plus-sign.down,.plus-sign.up{left:-.2vh;transform:translate(-50%,-50%)}.plus-sign.down{top:3.7vw}.plus-sign.left{right:5.5vw}.plus-sign.left,.plus-sign.right{top:-.7vh;transform:translate(-50%,-50%)}.plus-sign.right{left:4vw}.coin-row-A9{display:flex;flex-direction:column;gap:.3vw;justify-content:space-between;margin-left:5%;margin-top:.2vw;position:absolute;top:15%;top:var(--top,15%);width:90%}.coin-stack-A9{display:flex;flex-wrap:wrap;gap:.1vw;width:100%}.coin-A9{align-items:center;background-color:var(--primary-color);border:2px solid var(--text-color);border-radius:50%;display:flex;font-family:var(--font-family);font-size:2vw;height:2.7vw;justify-content:center;width:2.7vw}.active-coin-A9{background-color:red}.info-input-A9{background-color:var(--secondary-color);border:2px solid var(--text-color);border-radius:5%;color:var(--text-color);font-family:var(--font-family);font-size:4vw;height:4vw;left:6%;position:absolute;text-align:center;top:75%;transform:translate(-50%,-50%);width:8vw}.coin-row-divider{border:1px solid #000;margin-top:.5vw;width:100%}.symbol-A9{font-size:3vw;left:50%;left:var(--left,50%);letter-spacing:2px;position:absolute;top:50%;top:var(--top,50%);transform:translate(-50%,-50%)}.symbol-A9,.text-wrapper-A9{color:var(--text-color);font-family:var(--font-family);font-weight:700}.text-wrapper-A9{display:flex;font-size:2.5vw;margin-top:2vw;position:relative;width:37%}.number-container-A10{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2vh}.number-box-A10{border:2px solid #000;display:inline-block;text-align:left;width:100%}.number-A10{display:block;font-family:var(--font-family);font-size:3vw}.input-fields-A10{align-items:flex-end;display:flex;flex-direction:column;gap:1.5vh;padding-left:5vw;padding-top:2vh;position:relative;right:0}.input-row-A10{display:flex;gap:.7vw;justify-content:flex-end}.input-A10{background-color:var(--secondary-color);border:1px solid var(--text-color);border-radius:10%;color:var(--text-color);font-family:var(--font-family);font-size:2.5vw;height:3vw;text-align:center;width:3vw}@media (max-width:1124px){.input-A10{width:3vw}}.coin-row-divider-A10{border:1px solid #000;width:100%}.minus-top-A10{left:-1vw;top:-1.5vh}.minus-bot-A10,.minus-top-A10{color:red;font-family:var(--font-family);font-size:4vw;font-weight:700;position:relative}.minus-bot-A10{top:-3vh}@media (max-width:1180px){.minus-bot-A10{top:-2vh}}.invert-button-A10{background-color:var(--primary-color);border:none;border-radius:20%;color:var(--text-color);cursor:pointer;font-size:2vw;height:4.5vw;left:43vw;padding:0 0 .4vh;position:absolute;top:15vh;width:4.5vw}@media (max-width:1180px){.invert-button-A10{left:50vw;top:12vh}}.number-row-A10{display:flex;justify-content:space-around}.number-A10-tutorial{display:block;font-family:var(--font-family);font-size:3vw}
/*# sourceMappingURL=main.f4d0154a.css.map*/