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)}}.nodeRow{margin:0!important;padding:0!important}.imgCardBox{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.static.false{color:red!important}.static.true{color:green!important}.array-bar,body{background-color:#1a1a1a}.array-bar{border-radius:5px;display:inline-block;height:100px;margin:0 1px;transition:background-color .2s;width:10px}.bar-container{height:50vh;margin:0 0 0 2vw;-webkit-transform:rotateX(-20deg) rotateY(-30deg);transform:rotateX(-20deg) rotateY(-30deg);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;width:4vw}.bar{background-color:hsla(0,0%,100%,.25);height:45vh;position:absolute;width:100%}.right{transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);-webkit-transform-origin:right;transform-origin:right}.left,.right{background-color:hsla(0,0%,100%,.15)}.left{transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-webkit-transform-origin:left;transform-origin:left;width:4vw}.top{background-color:hsla(0,0%,100%,.15);height:4vw;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-webkit-transform-origin:top;transform-origin:top}.bottom{background-color:rgba(255,0,0,.5);height:4vw;-webkit-transform:translateY(45vh) rotateX(-90deg);transform:translateY(45vh) rotateX(-90deg);-webkit-transform-origin:top;transform-origin:top}.bottom,.color{box-shadow:5px 5px 50px 5px rgba(255,0,0,.2)}.color{background-color:red;transition:.1s}.bar.back{-webkit-transform:translateZ(-4vw);transform:translateZ(-4vw)}.array-container{align-items:center;display:flex;justify-content:center;margin-left:1%;margin-top:1em;width:95%}.barvalue{color:#fff;font-size:1.3em;margin-bottom:0;margin-top:0;padding:0;text-align:center}.buttonBox{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-left:10%;margin-right:10%;margin-top:1em;width:80%}.bar-button{background-color:#1a1a1a;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:1.4em;margin:.5em;padding:.5em;transition:.2s}.bar-button:hover{background-color:#00aa28;box-shadow:5px 5px 50px 5px rgba(9,255,0,.2)}.bar-button:disabled{opacity:.5}.sort-sliders{color:rgba(202,53,53,.7)!important;margin-left:12.5%;margin-right:12.5%;width:75%!important}.sort-sliders.Mui-disabled{color:#f0f8ff!important;opacity:.5}.sliderHeaders{color:#f5f5f5;font-size:1.5em;font-weight:200}.headerText{color:#f5f5f5;font-size:3.5em;font-weight:400}@media screen and (max-width:800px){.barvalue{font-size:.8em}.bar-button{font-size:.7em}.sliderHeaders{font-size:1.4em;margin-bottom:0;margin-top:0}}@media screen and (max-width:425px){.bar-button,.barvalue{font-size:.7em}.sliderHeaders{font-size:1.2em;margin-bottom:0;margin-top:0}.headerText{font-size:2.5em}}.test{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid #f5f5f5;border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);box-shadow:5px 5px 50px 5px hsla(0,1%,70%,.2);color:#fff;height:60px;text-align:center}.test,.testBox{display:flex;justify-content:center;z-index:-1}.testBox{margin-left:10%;margin-top:4em;width:80%}.testBox.interval{margin-top:0}.intervalBox{background-color:initial;border-left:1px solid #f5f5f5;border-right:1px solid #f5f5f5;border-top:1px solid #f5f5f5;color:#f5f5f5;display:flex;font-size:1.2em;height:20px;justify-content:space-between;text-align:left}.finalProcess{display:flex}.ptable-header{font-size:1.2em;font-weight:400;padding-top:15px!important}.processTable{backdrop-filter:blur(8.9px);-webkit-backdrop-filter:blur(8.9px);background:rgba(86,84,84,.38);border:1px solid hsla(0,0%,100%,.35);border-radius:16px;box-shadow:5px 5px 50px 5px hsla(0,0%,100%,.2);color:#f5f5f5;margin:4em 10%;width:80%}.processTable.info.false{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);visibility:hidden}.processTable.info.true{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:.3s ease}.info-table-header{border-bottom:1px solid #f5f5f5;font-size:1.2em;font-weight:600;padding:15px}.info-table-text{font-size:1.2em;font-weight:400;padding:15px}.table-input1,.table-input2,.table-input3{background-color:rgba(73,73,73,.1);color:#f5f5f5}input:focus,textarea:focus{outline:none}@media screen and (max-width:1235px){.intervalBox{font-size:1em!important}}@media screen and (max-width:975px){.intervalBox{font-size:.8em!important}}@media screen and (max-width:800px){.table-input1,.table-input2,.table-input3{width:80%}.intervalBox{font-size:.6em!important}.test{font-size:1em}}@media screen and (max-width:772px){.info-table-header{font-size:.8em}.info-table-text{font-size:.9em}}@media screen and (max-width:530px){.info-table-header{font-size:.7em}.info-table-text{font-size:.8em}}@media screen and (max-width:476px){.info-table-header{font-size:.6em}.info-table-text{font-size:.7em}}@media screen and (max-width:420px){.info-table-header{font-size:.5em;font-weight:700}.info-table-text{font-size:.6em}}@media screen and (max-width:369px){.info-table-header{font-size:.45em;font-weight:600!important}.info-table-text{font-size:.55em}}@media screen and (max-width:555px){.intervalBox{font-size:.5em!important}}.nodeBox{border:1px solid #fff;color:#000;cursor:pointer;display:inline-block;font-size:10px;font-weight:700;height:25px;margin:0;padding:0;text-align:center;transition:background-color .2s;vertical-align:middle;width:25px}.node-unvisited,.nodeBox{background-color:#000}.node-finish{background-color:red}.node-start{background-color:#0f0}.node-wall{background-color:#fff}.node-visited{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;background-color:#ff0}.node-path,.node-visited{-webkit-animation-duration:.2s;animation-duration:.2s}.node-path{-webkit-animation-name:shortestPath;animation-name:shortestPath;background-color:#0ff}.validText{color:#fff;font-weight:500}@media screen and (max-width:1643px){.nodeBox{height:20px;width:20px}}@media screen and (max-width:1333px){.nodeBox{height:18px;width:18px}}@media screen and (max-width:1210px){.nodeBox{height:16px;width:16px}}@media screen and (max-width:1083px){.nodeBox{height:14px;width:14px}}@media screen and (max-width:960px){.nodeBox{height:12px;width:12px}}@media screen and (max-width:840px){.nodeBox{height:10px;width:10px}}@media screen and (max-width:709px){.nodeBox{height:8px;width:8px}}@media screen and (max-width:585px){.nodeBox{height:6px;width:6px}}@media screen and (max-width:470px){.nodeBox{height:4.5px;width:4.5px}}@media screen and (max-width:382px){.nodeBox{height:3.75px;width:3.75px}}@-webkit-keyframes visitedAnimation{0%{background-color:#4dff00;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#91ff00;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#ffe600;-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{0%{background-color:#4dff00;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:#91ff00;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#ffe600;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes shortestPath{0%{background-color:#0ff;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3);-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{background-color:#00ffbf;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0f0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#0ff;border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3);-webkit-transform:rotate(45deg);transform:rotate(45deg)}50%{background-color:#00ffbf;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#0f0;-webkit-transform:scale(1);transform:scale(1)}}.nodeContainer{border:1px solid #fff;margin-left:10%;margin-right:10%;margin-top:4rem;width:80%}div.nodeRow{margin-bottom:0!important;margin-top:0!important;padding-bottom:0!important;padding-top:0!important}.cardBox{align-self:center;background-color:#302f2f!important;box-shadow:0 0 10px 0 hsla(0,93%,78%,.75)!important;margin:70px 4em 60px;width:50%}.cardBox:hover{box-shadow:0 0 10px 0 hsla(0,0%,100%,.75)!important;transition:.3s}.card-button-box{margin:auto;text-align:center;width:50%}.button-nav{border:1px solid #f5f5f5!important;color:#f5f5f5!important;margin-bottom:20px!important}.button-nav:hover{background-color:#f5f5f5!important;color:#302f2f!important;transition:.3s}
/*# sourceMappingURL=main.9526b706.css.map*/