body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{height:100%;margin:0;background-color:#f5f5f5}.app{justify-content:space-between;height:100vh;flex-direction:column}.app,.control-bar{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.control-bar{background-color:#49bebe;color:#fff;justify-content:space-around;align-items:center;flex-wrap:wrap;font-size:10px;flex:1 0 auto}.control-bar-selectors{font-size:1.5em;margin:.5em}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0!important;background:#5c6664;background-image:none;flex:1 1;padding:0 .5em;color:#fff;cursor:pointer;font-size:11px;font-family:"Open Sans",sans-serif}select::-ms-expand{display:none}.select{position:relative;-ms-box-orient:horizontal;display:-moz-flex;display:flex;width:11.5em;height:3em;line-height:3;background:#5c6664;overflow:hidden;border-radius:.25em}.select:after{content:"\25BC";position:absolute;top:0;right:0;padding:0 1em;background:#2b2e2e;cursor:pointer;pointer-events:none;transition:all .25s ease}.select:hover:after{color:#23b499}.select-container{-ms-box-orient:horizontal;display:-moz-flex;display:flex;flex-direction:column;align-items:center}.select-label{color:#fff;font-size:15px;padding:5px}.button{padding:.3em 1.2em;margin:0 .3em .3em 0;border-radius:2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:1000;font-size:13px;color:#fff;background-color:#8e66ee;text-align:center;transition:all .2s}.button:hover{background-color:#6622a5}.effect-1{border:0;padding:7px 0;border-bottom:2px solid #c46767;background-color:teal}.effect-1~.focus-border{position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#e1e6ec;transition:.4s}.effect-1:focus~.focus-border{width:100%;transition:.4s}::-webkit-input-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff;opacity:1}::-ms-input-placeholder{color:#fff;opacity:1}::placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:red}::-ms-input-placeholder{color:red}.board-container{-ms-box-orient:horizontal;display:-moz-flex;display:flex;justify-content:center;align-items:center;margin:5em;flex:1 0 auto;z-index:1}.board,.board-container{background-color:#f5f5f5}.board{border:1px solid #f0c2c2;margin:10px}.grid-row{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.node-div{height:3vh;width:1.5vw;background-color:#f5f5f5;border:1px solid #fcdfdf;margin:0}.start-hover{background-color:green}.end-hover{background-color:red}.wall-hover{background-color:#3f3f3f;-webkit-animation-name:wall-animation;animation-name:wall-animation}#start-point{background-color:green;height:3vh;width:1.5vw}#end-point{background-color:red;height:3vh;width:1.5vw}.wall-node{background-color:#3f3f3f;border:1px solid #3f3f3f;-webkit-animation-name:wall-animation;animation-name:wall-animation;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes wall-animation{50%{transform:scale(1.2)}}@keyframes wall-animation{50%{transform:scale(1.2)}}.visited-node{background:#40e0d0;border-radius:0;-webkit-animation-name:visited-animation;animation-name:visited-animation;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes visited-animation{0%{background-color:#f5f5f5}50%{background-color:#adff2f;transform:scale(1.1)}to{background-color:#40e0d0}}@keyframes visited-animation{0%{background-color:#f5f5f5}50%{background-color:#adff2f;transform:scale(1.1)}to{background-color:#40e0d0}}.path-node{background:#cb57ee;-webkit-animation-name:path-animation;animation-name:path-animation;-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes path-animation{0%{background-color:#f5f5f5}50%{transform:scale(1.1)}to{background-color:#cb57ee}}@keyframes path-animation{0%{background-color:#f5f5f5}50%{transform:scale(1.1)}to{background-color:#cb57ee}}
/*# sourceMappingURL=main.5d3bc1c6.chunk.css.map */