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}.square{height:2vw;width:2vw;margin:0;padding:0;border:none;outline:1px solid #afd8f8;display:inline-block}.square-start{background-color:orange}.square-finish,.square-start{outline:none;border:none;height:2vw;width:2vw;margin:0;padding:0;display:inline-block}.square-finish{background-color:green}.square-wall{outline:none;-webkit-animation-name:becomeWall;animation-name:becomeWall;-webkit-animation-duration:.7s;animation-duration:.7s;-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 becomeWall{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(55,58,54,.75);border-radius:100%}50%{background-color:rgba(55,58,54,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(55,58,54,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(55,58,54,.75)}}@keyframes becomeWall{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(55,58,54,.75);border-radius:100%}50%{background-color:rgba(55,58,54,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(55,58,54,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(55,58,54,.75)}}.square-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%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(204,138,0,.75);border-radius:100%}50%{background-color:rgba(255,210,2,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(220,198,129,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(214,210,196,.25)}}@keyframes visitedAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(204,138,0,.75);border-radius:100%}50%{background-color:rgba(255,210,2,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(220,198,129,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(214,210,196,.25)}}.square-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%{-webkit-transform:scale(.6);transform:scale(.6);background-color:rgba(58,145,63,.75)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(58,145,63,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(58,145,63,.75)}}@keyframes shortestPath{0%{-webkit-transform:scale(.6);transform:scale(.6);background-color:rgba(58,145,63,.75)}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(58,145,63,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(58,145,63,.75)}}.game-board{margin:100px 0 0}.board-row{margin:0;line-height:0}
/*# sourceMappingURL=main.d907fbcf.chunk.css.map */