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}.node{padding-top:100%;background:#e7f2f8;border-radius:30%}.node-start{background:#81894e}.node-end{background:#de98ab}.node-visited{background:#ff6f61}.node-weight{background:#00f;border-radius:50%}.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%{-webkit-transform:scale(.75);transform:scale(.75);background:#ffda29;border-radius:50%}25%{-webkit-transform:scale(1);transform:scale(1);background:orange;border-radius:50%}50%{background:red}75%{-webkit-transform:scale(1.5);transform:scale(1.5);background:purple}to{-webkit-transform:scale(1);transform:scale(1);background:#ff6f61}}@keyframes visitedAnimation{0%{-webkit-transform:scale(.75);transform:scale(.75);background:#ffda29;border-radius:50%}25%{-webkit-transform:scale(1);transform:scale(1);background:orange;border-radius:50%}50%{background:red}75%{-webkit-transform:scale(1.5);transform:scale(1.5);background:purple}to{-webkit-transform:scale(1);transform:scale(1);background:#ff6f61}}.node-wall{background:#263056}.node-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(.5);transform:scale(.5);background:#98ddde}50%{-webkit-transform:scale(1.5);transform:scale(1.5);background:purple}to{-webkit-transform:scale(1);transform:scale(1);background:#ffda29}}@keyframes shortestPath{0%{-webkit-transform:scale(.5);transform:scale(.5);background:#98ddde}50%{-webkit-transform:scale(1.5);transform:scale(1.5);background:purple}to{-webkit-transform:scale(1);transform:scale(1);background:#ffda29}}.navbar{display:flex;align-items:center;background-color:#263056;height:50px}.grid{display:flex;margin:1.5% auto;width:80vw;height:40vw;justify-content:space-evenly}.logo{top:-15px;font-size:35px;margin:20px}.legend,.logo{position:absolute;color:#e7f2f8;font-weight:700}.legend{display:flex;justify-content:space-around;top:5px;right:0;margin:10px}.legend label{margin-right:2vw;margin-left:5px}.col{display:flex;flex-direction:column;justify-content:space-evenly;width:2%}.buttons{position:relative;margin:0 auto}.button{padding:10px;margin:2px;border-radius:5px;font-weight:700;background-color:#74bdcb;border:none;color:#e7f2f8;height:40px;min-width:150px}.button:hover{background-color:#e7f2f8;color:#74bdcb}.dropdown{display:inline-block;margin:2px;color:#e7f2f8;font-weight:700;border:none;border-radius:5px;height:40px;min-width:150px}.dropdown,.dropdown-content{padding:10px 0;background-color:#74bdcb}.dropdown-content{display:none;position:absolute;width:150px;box-shadow:0 16px 10px 0 rgba(0,0,0,.2);border-radius:5px;z-index:1}.dropdown-content div{padding:10px 0}.dropdown-content div:hover{color:#74bdcb;background-color:#e7f2f8}.dropdown:hover .dropdown-content{display:block}body{background:#009499}.App{text-align:center;height:100%}.App,footer{background:#009499;width:100%}footer{display:flex;justify-content:space-around;align-items:center;height:75px;color:wh74bdcbite;font-weight:700}footer div{background:#74bdcb;border-radius:5px;padding:10px}footer a,footer div{color:#263056}footer #icon{font-size:4rem}footer #icon:hover{color:#e7f2f8}
/*# sourceMappingURL=main.f57f7958.chunk.css.map */