.Grid{font-size:0}div{margin:0;padding:0}.node{height:25px;width:25px;background-color:#fff;outline:1px solid #afd8f8;display:inline-block}.node-start{background-color:#7fff00}.node-end{background-color:brown}.node-visited{animation-name:visitedAnimation;animation-iteration-count:1;animation-duration:1.5s;animation-delay:0;background-color:#00bedabf}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#000042bf;border-radius:100%}50%{background-color:#1168d9bf}75%{transform:scale(1.2);background-color:#00d99fbf}to{transform:scale(1);background-color:#00bedabf}}.node-wall{background-color:#000;outline:1px solid #000}@keyframes wallAnimation{0%{transform:scale(.3);background-color:#0c3547}50%{transform:scale(1.2);background-color:#0c3547}to{transform:scale(1);background-color:#0c3547}}.node-shortest-path{animation-name:shortestPath;animation-duration:1.5s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes shortestPath{0%{transform:scale(.6);background-color:#fffe6a}50%{transform:scale(1.2);background-color:#fffe6a}to{transform:scale(1);background-color:#fffe6a}}