@import url(https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap);:root{--primary-color:#ed6663;--secondary-color:#297be4;--primary-darker:#d53b39;--light-grey:#e7e3e3}body{margin:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{text-decoration:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}nav{min-height:19px;height:3vh;border-bottom:2px solid #c7c7c7;padding:6px 3%;display:flex;justify-content:space-between;align-items:center;font-weight:lighter;font-size:1.3em}nav a{text-decoration:none;color:#000}.nav-logo{height:100%}.nav-items{list-style:none;margin:0}.nav-items li a{padding:4px;border-radius:3px;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.nav-items li a:hover{background:var(--primary-color);color:#fff}.input-bar{width:100%;height:4.5vh;min-height:40px;position:relative;box-sizing:border-box;border-radius:10px;border:2px solid var(--primary-color);display:flex;justify-content:space-between}.input-bar input{border-radius:7px;border:0;width:90%;height:100%;box-sizing:border-box;background:#fff;padding:0 .5rem 0 1rem;font-size:1.2rem;margin:0}.input-bar button{display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;top:0;box-sizing:border-box;background:var(--primary-color);height:100%;flex-basis:1;width:10%;border:none;border-radius:0 7px 7px 0;cursor:pointer}.input-bar button img{height:70%;width:80%;margin:auto}@media only screen and (max-width:600px){.input-bar button{width:15%}.input-bar input{font-size:1rem}}.title-card{background:var(--primary-darker);border-radius:8px;color:#fff;text-align:center;padding:5px;box-sizing:border-box;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;word-wrap:break-word;min-width:140px}.title-card h2{margin:1rem 0 0}.title-card span{display:inline-block;font-size:5rem;font-weight:400;text-shadow:4px 4px 3px rgba(0,0,0,.25);line-height:75%;margin:3% 0 6%}.title-card:hover{box-shadow:2px 2px 14px rgba(0,0,0,.41);-webkit-transform:translate(-1px,-2px);transform:translate(-1px,-2px)}.home_input-bar-container{width:50vw;text-align:center;margin:8vh auto 0}.home_input-bar_logo{width:40%;margin-bottom:20px}@media only screen and (max-width:650px){.home_input-bar_logo{width:60%}}@media only screen and (max-width:1500px){.home_input-bar-container{width:80vw}}.home_solve-ops-container{width:80vw;margin:8vh auto 0}.home_card-container{display:flex;justify-content:center;width:100%;flex-wrap:wrap}.home_solve-subtitle{margin:1em 0 .2em;font-weight:lighter;color:var(--primary-darker);font-size:min(max(25px,5vw),40px)}.home_card{width:14vw;min-width:145px;cursor:pointer;margin:1rem 8px;font-size:calc(15px + 4*(100vw - 320px)/960);height:min(max(100px,10vw),400px)}.home_card-sm span{font-size:min(max(50px,3vw),120px)}@media only screen and (max-width:1400px){.home_solve-ops-container{width:90vw}.home_card{width:22vw;font-size:calc(12px + 5*(100vw - 320px)/960);height:calc(150px + 4*(100vw - 320px)/960)}}@media only screen and (max-width:750px){.home_card{width:25vw}}.input-matrix{width:100%;height:100%;position:relative;display:flex;justify-content:center;flex-direction:column}.input-matrix table{width:80%}.input-matrix_table{position:relative;display:flex;justify-content:center;height:100%;padding:1.1em 0}.input-matrix_table:before{border-left:.35rem solid var(--primary-color);left:6%}.input-matrix_table:after,.input-matrix_table:before{content:"";position:absolute;z-index:7;border-radius:3px;border-top:.35rem solid var(--primary-color);border-bottom:.35rem solid var(--primary-color);width:6%;height:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-matrix_table:after{border-right:.35rem solid var(--primary-color);right:6%}.input-matrix input{border:0;border-bottom:2px solid #d4d3d3;border-radius:0;height:2rem;font-size:1.5rem;text-align:center;width:90%;background:none}.input-matrix input:disabled{color:#000;color:initial}.input-matrix th{position:relative}.input-matrix_dimension-input{width:100%;display:flex;justify-content:center;align-items:flex-end;position:relative;margin:1rem 0 0}.input-matrix_dimension-input input{width:20%;border-color:var(--primary-color);border-width:.2rem;font-size:1.8rem;background:none}.input-matrix_dimension-input span{font-size:2rem;margin:0 1.4rem}.matrix-view_add-btn{position:absolute;right:-16%;top:37%;background:none;border:3px solid var(--secondary-color);color:var(--secondary-color);width:2.7rem;height:2.7rem;border-radius:9999px;cursor:pointer;-webkit-transition:background .15s ease-in,color .15s ease-in;transition:background .15s ease-in,color .15s ease-in;padding:0;margin:0;display:flex;justify-content:center;align-items:center}button svg{width:60%;height:60%}.matrix-view_add-btn:hover{background:var(--secondary-color);color:#fff}.matrix-view_remove-button{position:absolute;top:10%;left:-6%;height:2rem;width:2rem;z-index:10;background:var(--primary-darker);border-radius:999px;color:#fff;border:0;box-sizing:border-box;opacity:0;-webkit-transition:opacity .15s ease-in-out;transition:opacity .15s ease-in-out;padding:0;margin:0;display:flex;justify-content:center;align-items:center}.input-matrix_input-highlighted{background-color:var(--primary-color)!important;border-radius:9px!important}.input-matrix_input-highlighted input{color:#fff;border:none}@media only screen and (max-width:500px){.matrix-view_add-btn{top:auto;bottom:-25%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.input-matrix_name{font-weight:lighter;text-align:center;margin:0}.input-matrix_augmented-line{position:absolute;height:110%;width:4px;background:var(--primary-color);right:-4px;top:0;border-radius:8px}.backToTopButton{position:fixed;bottom:10px;right:10px;height:5em;width:5em;background:var(--primary-color);border:0;margin:0;padding:0;border-radius:999px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;z-index:10}.backToTopButton:hover{background:var(--primary-darker)}.backToTopButton img{width:50%}.backToTopButton-show{-webkit-transform:scale(1);transform:scale(1)}@media only screen and (max-width:1000px){.backToTopButton{height:3.5em;width:3.5em}}.matrix-view_result-matrix,.matrix_input-matrix{width:20rem;margin:3.5rem 1rem 2rem}.matrix_input-matrix:last-child{margin-bottom:5rem}.matrix_matrices-container{display:flex;justify-content:center;position:relative;flex-wrap:wrap}.matrix-view_input-container{width:40vw;margin:1rem auto}.matrix-view_input-bar input{text-transform:uppercase}.matrix-view_input-buttons{margin:1rem auto;display:flex;justify-content:center;flex-wrap:wrap}.matrix-view_input-buttons button{background:#fff;border:2px solid #4a4949;color:#4a4949;font-size:2.5rem;border-radius:4px;line-height:2rem;margin:0 .5rem .5rem;width:6.5rem;height:2.4rem;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;font-family:monospace}.matrix-view_input-buttons-sm{font-size:1.6rem!important}.matrix-view_input-buttons button:hover{background:#4a4949;color:#fff}@media only screen and (max-width:1500px){.matrix-view_input-container{width:60vw}}.matrix-view_result{display:flex;justify-content:center}.matrix-view_result-matrix{width:30rem;height:16rem;margin:3.5rem 1rem 2rem;font-size:1.2rem}.matrix-view_result-matrix input{font-size:1.8rem}.matrix-view_scalar-result{font-weight:400;font-size:min(max(20px,2.8vw),35px);border-bottom:.2rem solid var(--primary-color)}.matrix-view_scalar-result span{color:var(--primary-darker);font-weight:700}.matrix-view_result-error{background:var(--light-grey);width:45vw;margin:2rem auto 3rem;padding:1rem;border-radius:7px;color:#000;text-align:center}.matrix-view_result-error h2{display:inline;border-bottom:.2rem solid var(--primary-color)}@media only screen and (max-width:900px){.matrix-view_input-container{width:80vw;margin-top:1.5rem}.matrix_input-matrix{margin:1rem}.matrix-view_input-buttons{width:100%}.matrix-view_input-buttons button{width:5rem;line-height:1.7rem;font-size:1.8rem}.matrix-view_result-error{width:80vw}}.GJ-input_container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0}.GJ-input_matrix{width:35vw;margin:auto}.GJ-btn_solve{background:var(--primary-color);border:0;color:#fff;width:30%;height:13%;font-size:min(max(25px,5vw),35px);border-radius:5px;margin:2rem}@media only screen and (max-width:1350px){.GJ-input_matrix{width:60vw}.GJ-btn_solve{width:55%}}.GJ-result_wrapper{width:50vw;margin:0 auto 3rem}.GJ-result_container{background:var(--light-grey);padding:1rem .7rem;box-sizing:border-box;border-radius:10px;text-align:center}.GJ-result_container h2{font-weight:lighter;font-size:1.6rem;margin:0 0 .2rem;text-align:left}.GJ-result_values{display:flex;justify-content:center;flex-wrap:wrap}.GJ-result_values span{font-size:min(max(25px,3vw),35px);margin:1rem min(max(10px,4vw),30px)}.GJ-result_values span,.GJ-text_result{border-bottom:.2rem solid var(--primary-color)}.GJ-text_result{font-weight:400;text-align:center;font-size:min(max(25px,6vw),30px);display:inline}@media only screen and (max-width:1024px){.GJ-result_wrapper{width:90vw}.GJ-input_matrix{width:84vw}.GJ-result_values span{margin:1rem min(max(3px,3vw),10px)}.GJ-btn_solve{width:70%}}.btn_show-steps{background:none;border:none;color:var(--primary-color);font-size:1.5em;cursor:pointer;height:2em;display:flex;justify-content:center;align-items:center;margin:.5em 0 0;position:relative}.btn_show-steps:before{content:"";background:var(--primary-color);width:100%;height:10%;position:absolute;bottom:0;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}.btn_show-steps:hover:before{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform:scaleX(1);transform:scaleX(1)}.btn_show-steps img{height:60%;margin:0 0 0 .6em}.solve-steps{background:var(--light-grey);border-radius:10px;width:90vw;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-around}.solve-steps_step h1{font-size:min(max(20px,2vw),30px)}.solve-steps_step{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:space-between;text-align:center;width:27%;min-width:260px;margin:1em .5em 2em}.solve-steps_step-number{position:absolute;left:0;top:20%;z-index:10;display:flex;justify-content:center;align-items:center;background:var(--primary-color);color:#fff;width:2em;height:2em;border-radius:99px;font-weight:700;font-size:1.4em;box-sizing:border-box;box-shadow:1px 1px 7px rgba(0,0,0,.53)}.solve-steps_step-matrix{height:22vh}@media only screen and (max-width:1024px){.solve-steps_step-number{left:-20px}}.about-container{width:60vw;margin:2rem auto}.about-container h2{color:var(--primary-color);margin:auto;font-size:min(max(20px,2vw),35px);text-decoration:underline;text-decoration-thickness:.1em}.about-container p{font-size:min(max(17px,1.4vw),25px)}.about-container p a{color:var(--primary-color);text-decoration:underline}.about_contribute-link img{height:130%}.about_contribute-link span{color:#000;font-size:min(max(20px,4vw),25px)}.about_contribute-link{display:flex;height:min(max(20px,4vw),30px);border:3px solid var(--primary-color);justify-content:space-around;align-items:center;width:70%;max-width:200px;padding:.5rem .8rem;border-radius:10px;-webkit-transition:background .1s ease-in;transition:background .1s ease-in}.about_contribute-link:hover{background:var(--primary-color);color:#fff}@media only screen and (max-width:750px){.about-container{width:85vw}.about_contribute-link span{color:#000;font-size:min(max(20px,4vw),25px)}.about_contribute-link{height:min(max(20px,4vw),30px);width:35%;min-width:130px}}
/*# sourceMappingURL=main.6a701ebd.chunk.css.map */