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}.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 #afd8f8;display:inline-block}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-duration:1.5s;animation-duration:1.5s;-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%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75)}75%{transform:scale(1.2);background-color:rgba(0,217,159,.75)}to{transform:scale(1);background-color:rgba(0,190,218,.75)}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75)}75%{transform:scale(1.2);background-color:rgba(0,217,159,.75)}to{transform:scale(1);background-color:rgba(0,190,218,.75)}}.node-wall{background-color:#0c3547}.node-shortest-path{-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-duration:1.5s;animation-duration:1.5s;-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%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a}}@keyframes shortestPath{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a}}.grid{margin:100px 0 0}.draw-border{box-shadow:inset 0 0 0 4px #58afd1;color:#58afd1;transition:color .25s .0833333333s;position:relative}.draw-border:after,.draw-border:before{border:0 solid transparent;box-sizing:border-box;content:"";pointer-events:none;position:absolute;width:0;height:0;bottom:0;right:0}.draw-border:before{border-bottom-width:4px;border-left-width:4px}.draw-border:after{border-top-width:4px;border-right-width:4px}.draw-border:hover{color:#ffe593}.draw-border:hover:after,.draw-border:hover:before{border-color:#ffe593;transition:border-color 0s,width .25s,height .25s;width:100%;height:100%}.draw-border:hover:before{transition-delay:0s,0s,.25s}.draw-border:hover:after{transition-delay:0s,.25s,0s}.btn{margin-top:50px;background:none;border:none;cursor:pointer;line-height:1.5;font:700 1.2rem "Roboto Slab",sans-serif;padding:1em 2em;letter-spacing:.05rem}.btn:focus{outline:2px dotted #55d7dc}
/*# sourceMappingURL=main.55e0bdeb.chunk.css.map */