body{padding:0;margin:0;background-color:#483d8b;overflow:hidden;font-family:Lucida Console}.App{margin:auto;display:block;width:100%;background-color:#dcdada}.array-container{text-align:center;margin:auto}.array-bars{box-sizing:border-box;display:inline-block;vertical-align:top;background-color:#0074d9;border:1px solid;padding-top:5px;text-align:center;font-size:5px}.array-bars:hover{box-shadow:-1px 1px #000;background-color:#000}.slider{position:absolute;width:200px;margin:30px}.footer{background-color:#483d8b;height:20vh;width:100%}.node{width:25.15px;height:25px;outline:1px solid #483d8b;display:inline-block;margin:0}.finish{z-index:5}.finish,.start{background-image:url(https://www.pngarts.com/files/2/Left-Arrow-PNG-Free-Download.png);-webkit-transform:rotate(180deg);transform:rotate(180deg);background-size:cover}.start{z-index:2}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.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-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:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(0,217,159,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:#0074d9}}@keyframes visitedAnimation{0%{-webkit-transform:scale(.3);transform:scale(.3);background-color:rgba(0,0,66,.75);border-radius:100%}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:rgba(0,217,159,.75)}to{-webkit-transform:scale(1);transform:scale(1);background-color:#0074d9}}.shortestPath{-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;outline:none}@-webkit-keyframes shortestPath{0%{-webkit-transform:scale(.6);transform:scale(.6);background-color:#fffe6a}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#fffe6a}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fffe6a}}@keyframes shortestPath{0%{-webkit-transform:scale(.6);transform:scale(.6);background-color:#fffe6a}50%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#fffe6a}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fffe6a}}
/*# sourceMappingURL=main.e4b844b1.chunk.css.map */