@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.layout{height:100%;width:100%}.header-div{align-items:center;display:flex;height:150px;justify-content:space-between;width:100vw}.header-logo-container{height:100%;width:35%}.header-banner-container{display:flex;height:100%;justify-content:flex-end;width:70%}.header-logo-div{height:100%;width:80%}.header-logo-div img{height:100%;width:150px}.header-banner-div{height:100%;width:90%}.header-banner-div img{height:100%;position:relative;width:100%}.header-banner-text{font-family:Kaushan Script,cursive;font-size:40px;letter-spacing:7.3px;position:absolute;right:13%;top:60px}.mathbox-container{height:560px;width:100%}.mathbox-div{display:flex;flex-direction:column;height:90%;justify-content:space-evenly;margin-top:50px}.mathbox-methodbox-container{display:flex;justify-content:space-evenly;padding:20px 0}.mathbox-result-loader{font-size:22px;font-weight:500}::-webkit-scrollbar{height:5px;top:-10px}::-webkit-scrollbar-track{background:#e98683}::-webkit-scrollbar-thumb{background:#ec352f}::-webkit-scrollbar-thumb:hover{background:#f10;cursor:pointer}.operandbox-container{align-items:center;display:flex;height:110px;justify-content:center;width:100%}.operandbox-div{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;white-space:nowrap;width:90%}.operand-container{background-color:orange;display:inline-block;height:60px;margin-right:10px;position:relative;width:70px}.operand-container:hover{cursor:move}.operand-div{font-size:20px;font-weight:700;height:100%}.equationbox-container,.operand-div{align-items:center;display:flex;justify-content:center;width:100%}.equationbox-container{background-color:rgba(241,245,13,.65);height:280px}.equationbox-div{background-color:hsla(60,51%,92%,.62);display:flex;height:85%;overflow-x:auto;overflow-y:hidden;padding:5px;width:95%}.element-container{background-color:#f7b231;display:inline-block;height:48px;margin-right:10px;position:relative;width:58px}.element-div{align-items:center;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.element-cross{height:13px;position:absolute;right:1px;top:-1px;transition:all .2s;width:13px}.element-cross img{height:100%;width:100%}.element-cross:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.operatorbox-container{align-items:center;background-color:#4d99d1;display:flex;height:100px;justify-content:center;min-width:110px;width:20%}.operatorbox-div{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;white-space:nowrap;width:90%}.operator-container{background-color:#f8ea40;cursor:move;display:inline-block;height:45px;margin-right:10px;position:relative;width:40px}.operator-div{display:flex;font-size:30px;font-weight:800;height:100%;justify-content:center;width:100%}.comparatorbox-container{align-items:center;background-color:#4d99d1;display:flex;height:100px;justify-content:center;min-width:160px;width:20%}.comparatorbox-div{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;white-space:nowrap;width:90%}.comparator-container{background-color:#f8ea40;display:inline-block;height:45px;margin-right:10px;position:relative;width:40px}.comparator-container:hover{cursor:move}.comparator-div{display:flex;font-size:30px;font-weight:800;height:100%;justify-content:center;width:100%}.numberbox-container{align-items:center;background-color:#4d99d1;display:flex;height:100px;justify-content:center;min-width:175px;width:20%}.numberbox-div{color:#f8ea40;font-size:calc(5px + 3.2vw);font-weight:800;letter-spacing:4px;padding-bottom:10px;text-shadow:#000 0 0 1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;width:90%}.numberbox-container:hover{cursor:pointer}.modal-container{background-color:#f0fff0;height:200px;left:40%;max-width:340px;position:absolute;top:33%;width:40%;z-index:200}.modal-div{flex-direction:column;height:100%;justify-content:center}.modal-div,.modal-field-container{align-items:center;display:flex;width:100%}.modal-field-container{height:50%;justify-content:space-evenly}.modal-field-tag-container{align-items:center;display:flex;font-weight:900;height:35px;justify-content:flex-end;min-width:115px;width:40%}.modal-field-input-container input{background-color:#f5ddc8;border:none;border-bottom:2px solid #000;font-size:14px;height:30px;outline:none;width:70%}.modal-button-container{display:flex;height:30%;justify-content:flex-end;width:100%}.modal-button-div{display:flex;height:100%;justify-content:space-evenly;width:60%}.backdrop-container{background-color:#000;height:100vh;left:0;opacity:.5;position:fixed;top:0;width:100vw;z-index:100}.button-container{border-radius:20px;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:40px;overflow:hidden;width:80px}.button-container:hover{box-shadow:none;cursor:pointer}.button-div{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:500;height:100%;justify-content:center;width:100%}.infobar-container{bottom:-60px;height:30px;position:fixed;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:100vw}.infobar-div{align-items:center;color:#fff8dc;display:flex;font-weight:600;height:100%;justify-content:center;letter-spacing:4px}.loader-container{color:#fff;font-size:40px;font-weight:800;height:60px;left:40%;position:absolute;text-shadow:#000 0 0 1px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px,#000 0 0 3px;top:36%;z-index:2000}
/*# sourceMappingURL=main.901867ca.css.map*/