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}.appTitle{margin-right:auto;font-family:Segoe UI,Arial,"sans-serif";color:#fff;font-size:27px;text-decoration-line:none}.appTitle:hover{display:flex;color:#fff;background-color:transparent;text-decoration:none}.visiturl:hover{color:#fff;background-color:transparent;text-decoration:none}.right-btns{display:flex;background-color:#747474;color:#fff;text-decoration-line:none;border-radius:5px}.right-btns:hover{color:#fff;background-color:transparent;text-decoration:none}.tutorinfo{display:none;color:#000;position:absolute;top:50px;left:600px;width:900px;background-color:#fff;border:1px solid black;padding:10px}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#1156df;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(5px + 2vmin);color:#ff00d4}.App-link{color:#62ffe0}.node{width:28px;height:28px;outline:.5px solid rgb(18,152,255);display:inline-block}.node-finish{background-color:#fc3636}.node-start{background-color:green}.node-visited{animation-name:visitedAnimation;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-delay:0;animation-direction:alternate;animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:running}@keyframes visitedAnimation{0%{transform:scale(.3);background-color:#000042bf;border-radius:100%}50%{background-color:#d911bbbf}75%{transform:scale(1.2);background-color:#2211d9bf}to{transform:scale(1);background-color:#00da45bf}}.node-wall{background-color:#001b27}.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}}.grid-container{margin:1% auto}.grid{white-space:normal}button{margin:10px}.nav-item{color:brown}.navbar{display:flex;justify-content:space-between;align-items:center;height:55px;background-color:#333;color:#f20a0a}.hippo-info{display:none;position:absolute;top:50px;left:50px;width:300px;background-color:#fff;border:1px solid black;padding:10px}