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;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.node{width:25px;height:25px;outline:1px solid #dcdde1;display:inline-block;background-color:#ecf0f1;line-height:0}.node-finish{background-color:red}.node-start{background-color:green}.node-costly1{background-color:orange;opacity:.4}.node-costly2{opacity:.75}.node-costly2,.node-costly3{background-color:orange}.node-visited{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes visitedAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:#e3008c}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#c239b3}to{-webkit-transform:scale(1);transform:scale(1);background-color:#9a0089;outline:1px solid #9a0089}}@keyframes visitedAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:#e3008c}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#c239b3}to{-webkit-transform:scale(1);transform:scale(1);background-color:#9a0089;outline:1px solid #9a0089}}@-webkit-keyframes visitedAnimationWall{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:#0c3547}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#0c3547}to{-webkit-transform:scale(1);transform:scale(1);background-color:#0c3547;outline:1px solid #0c3547}}@keyframes visitedAnimationWall{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:#0c3547}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#0c3547}to{-webkit-transform:scale(1);transform:scale(1);background-color:#0c3547;outline:1px solid #0c3547}}.node-wall{background-color:#0c3547;outline:1px solid #0c3547}.node-wall-visited{-webkit-animation-name:visitedAnimationWall;animation-name:visitedAnimationWall;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.node-shortest-path,.node-wall-visited{-webkit-animation-duration:1s;animation-duration:1s}.node-shortest-path{-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes shortestPath{0%{-webkit-transform:scale(.6);transform:scale(.6);background-color:#2ecc71;outline:1px solid #2ecc71}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#2ecc71;outline:1px solid #2ecc71}to{-webkit-transform:scale(1);transform:scale(1);background-color:#2ecc71;outline:1px solid #2ecc71}}@keyframes shortestPath{0%{-webkit-transform:scale(.6);transform:scale(.6);background-color:#2ecc71;outline:1px solid #2ecc71}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#2ecc71;outline:1px solid #2ecc71}to{-webkit-transform:scale(1);transform:scale(1);background-color:#2ecc71;outline:1px solid #2ecc71}}.reset{padding-left:10px}.grid{margin:0;line-height:0}.distanceLabel{padding-top:50px;display:inline-block;padding-left:20px}
/*# sourceMappingURL=main.056a0532.chunk.css.map */