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}*{box-sizing:border-box}.node{width:25px;height:25px;outline:1px solid #afd8f8;display:inline-block}.node-wall{background-color:#000}.node-finish{background:url(/devflection-pathfinder/static/media/finish.063bbf38.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.node-start{background:url(/devflection-pathfinder/static/media/start.6803273c.svg);background-repeat:no-repeat;background-position:50%;background-size:contain}.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:normal;animation-direction:normal;-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:#151123;border-radius:100%}25%{background-color:#f92701}50%{transform:scale(1.2);background-color:#ee6b24}75%{transform:scale(1);background-color:#f99f59}to{transform:scale(.3);background-color:#151123;border-radius:100%}}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#151123;border-radius:100%}25%{background-color:#f92701}50%{transform:scale(1.2);background-color:#ee6b24}75%{transform:scale(1);background-color:#f99f59}to{transform:scale(.3);background-color:#151123;border-radius:100%}}.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:normal;animation-direction:normal;-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:#03a654}50%{transform:scale(1.2);background-color:#03a654}to{transform:scale(1);background-color:#03a654}}@keyframes shortestPath{0%{transform:scale(.6);background-color:#03a654}50%{transform:scale(1.2);background-color:#03a654}to{transform:scale(1);background-color:#03a654}}.menu-container{color:#fff;background-color:#e9f1fa;padding:20px 0;display:flex;justify-content:center;align-items:center}.menu{width:80%;display:flex;justify-content:space-around}.menu-btn{font-size:16px;font-weight:700;color:#fff;background-color:#5995da;border:none;border-radius:5px;padding:10px 40px;cursor:pointer}.menu-btn:hover{background-color:#76aeed}.menu-btn:active{background-color:#407fc7}.menu-btn:disabled{color:grey;background-color:#d3d3d3}.pathfinder-main{width:80%;margin:5em auto;text-align:center}.grid{width:100%}
/*# sourceMappingURL=main.73e176b8.chunk.css.map */