@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);*,body{font-family:"Alata",sans-serif}body{margin:0;-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;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.node{width:40px;height:40px;border:1px solid #87cefa;display:inline-block;margin-bottom:-4px}.node-start{background-color:green}.node-finish{background-color:red}.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;-webkit-animation-name:wallAnimation;animation-name:wallAnimation;-webkit-animation-duration:75ms;animation-duration:75ms;-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-play-state:running;animation-play-state:running}@-webkit-keyframes wallAnimation{0%{transform:scale(.5);background-color:#0c3545;border-radius:25%}75%{transform:scale(1.2);background-color:#0c3545}to{transform:scale(1);background-color:#0c355a}}@keyframes wallAnimation{0%{transform:scale(.5);background-color:#0c3545;border-radius:25%}75%{transform:scale(1.2);background-color:#0c3545}to{transform:scale(1);background-color:#0c355a}}.node-shortest-path{background-color:#ff0}.grid{margin-top:30px}#counters{display:flex;justify-content:center}#counters>h2{margin-top:-5px;padding-right:20px}#btn{background-color:#48d1cc;color:#fff;text-align:center;box-shadow:5px 5px 10px grey}#btn,select{font-size:15px;margin-right:20px;padding:10px}select{position:relative;display:inline-block}
/*# sourceMappingURL=main.d510ee4f.chunk.css.map */