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}.header-line{align-items:center;background-color:#38485c;box-sizing:border-box;color:#fff;display:flex;font-size:25px;height:54px;letter-spacing:0;padding-left:15px;position:relative;width:100%}.hoverable-text{cursor:pointer;font-weight:700;left:50px;transition:color .3s}.hoverable-text:hover{color:#59b99d}body.active-modal{overflow-y:hidden}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.overlay{background:rgba(49,49,49,.8)}.modal-content{background:#f1f1f1;border:15px solid #353535;border-radius:3px;border-radius:30px;height:660px;left:50%;line-height:1.4;overflow-y:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:900px}.close-modal{background-color:none;border-radius:40px;font-size:15px;font-weight:bolder;height:25px;position:absolute;right:5px;top:5px;width:25px}.helpButton:hover{-webkit-animation:scaler .2s forwards;animation:scaler .2s forwards}@-webkit-keyframes scaler{0%{background-color:#92a8d1;-webkit-transform:scale(1);transform:scale(1)}50%{background-color:#a0b3d6;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background-color:#adbedc;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes scaler{0%{background-color:#92a8d1;-webkit-transform:scale(1);transform:scale(1)}50%{background-color:#a0b3d6;-webkit-transform:scale(1.05);transform:scale(1.05)}to{background-color:#adbedc;-webkit-transform:scale(1.1);transform:scale(1.1)}}.close-modal:hover{background-color:#b7b7b7}#biDirectionalVideo,.algorithmVideo{height:400px;width:800px}.modalHeader{font-size:36px;font-weight:bolder}.algorithmDescription{font-size:25px;padding-left:52px;padding-right:52px;text-align:justify}.algorithmDescription a{color:#414141;font-weight:bolder}.node{display:inline-block;height:25px;outline:1px solid #afd8f8;width:25px;z-index:-100}.node-finish{background-color:red;z-index:-100}.node-start{background-color:green;z-index:-100}.node-visited{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;z-index:-100}.node-moving{transition:all .2s ease-in-out;z-index:-100}@-webkit-keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{background-color:rgba(0,217,159,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:rgba(0,190,218,.75);-webkit-transform:scale(1);transform:scale(1)}}@keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75);border-radius:100%;-webkit-transform:scale(.3);transform:scale(.3)}50%{background-color:rgba(17,104,217,.75)}75%{background-color:rgba(0,217,159,.75);-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:rgba(0,190,218,.75);-webkit-transform:scale(1);transform:scale(1)}}.node-wall{background-color:#0c3547}.node-shortest-path{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}.grid{margin-left:200px;margin-top:82px}.button{background-color:#59b99d;border:5px;border-radius:8px;color:#fff;font-family:Arial,sans-serif;font-size:18px;font-weight:700;height:60px;margin-left:-17px;position:absolute;width:150px}.button:hover{background-color:#40a589}.helpButton{background-color:#92a8d1;border:3px solid #595959;border-radius:20px;color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:bolder;height:40px;left:22px;position:absolute;width:40px}#dijkstra-button{left:100px;top:150px}#astar-button{left:100px;top:250px}#bfs-button{left:100px;top:350px}#BiD-button{left:100px;top:450px}#algoSpeedDropdown{left:100px;top:550px}#clear-button{height:40px;left:50%;top:7px;width:130px}#clearPath-button{left:62.5%}#clearPath-button,#simple-maze{height:40px;top:7px;width:130px}#simple-maze{left:25%}#recursive-maze{height:40px;left:37.5%;top:7px;width:130px}#helpDijkstra{top:160px}#helpAStar{top:260px}#helpBFS{top:360px}#helpBD{top:460px}ul{list-style:none;padding:0}#speedDropdown{display:inline-block;font-size:16px;height:40px;top:7px;width:130px}#speed,#speedDropdown{left:75%;position:absolute}#speed{top:0}.algoDropdown:hover .algoDropdown-list,.mazeDropdown:hover .mazeDropdown-list{display:block}.algoDropdown-list{left:225px;top:534px}.algoDropdown-list,.mazeDropdown-list{background-color:#cecece;border:1px #ccc;border-radius:8px;display:none;position:absolute;width:130px;z-index:100}.mazeDropdown-list{left:82.8%;top:-9px}.algoDropdown-item,.mazeDropdown-item{cursor:pointer;font-weight:550;padding:5px;transition:.2s}.algoDropdown-item:hover,.mazeDropdown-item:hover{background-color:#59b99d;border-radius:8px;color:#fff;cursor:pointer}.dropdown:hover .algoDropdown-list,.dropdown:hover .mazeDropdown-list{display:block}.stopwatch{align-items:center;background-color:#c2c2c2;border-radius:15px;display:flex;font-size:18px;height:45px;justify-content:center;left:50%;position:absolute;top:70px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}#weights{height:40px;left:87.5%;top:7px;width:130px}
/*# sourceMappingURL=main.a07a7de0.css.map*/