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}.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)}}.algorithm{font-weight:bolder;font-family:monospace;color:#36c;flex:1 1;margin-top:13px}.dashboard{display:flex;margin-top:20px;margin-left:2.4%}:root{--main-color:#114064}.dropdown{position:relative;display:flex;color:#f5f5f5;margin-left:70px;margin-top:10px;cursor:pointer;font-family:monospace}.dropdownContent{border-radius:8px;margin-top:30px;margin-left:-5px;display:none;position:absolute;color:#114064;color:var(--main-color);background-color:#f5f5f5;min-width:200px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:12px 16px;z-index:1;border:2px solid #114064;border:2px solid var(--main-color)}@-webkit-keyframes creationAnimation{0%{width:200px}to{width:240px}}@keyframes creationAnimation{0%{width:200px}to{width:240px}}.algo{width:200px;font-weight:bolder;-webkit-animation-name:creationAnimation;animation-name:creationAnimation;-webkit-animation-timing-function:linear;animation-timing-function:linear;-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}.algo,.algo:hover{cursor:pointer;border-bottom:.5px solid #f5f5f5;margin-top:7px;padding:4px 8px;-webkit-animation-duration:.3s;animation-duration:.3s}.algo:hover{width:240px;background-color:#114064;background-color:var(--main-color);color:#f5f5f5;border-radius:5px;-webkit-animation-name:animation;animation-name:animation;-webkit-animation-timing-function:linear;animation-timing-function:linear;-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}.dropdown:hover .dropdownContent,.dropdown:hover .dropdownContent:hover{display:block}.label{flex:1 1;margin-right:15px;margin-top:4px;font-weight:bolder}.icon{flex:1 1;margin-bottom:5px}@-webkit-keyframes btnAnimation{0%{width:100px}to{width:130px}}@keyframes btnAnimation{0%{width:100px}to{width:130px}}.btn,.btn:hover{background-color:#f5f5f5;padding:9px 15px;border-radius:7px;color:#114064;color:var(--main-color);border:solid #114064;border:solid var(--main-color);outline:none;cursor:pointer}.btn:hover{z-index:3;-webkit-animation-name:btnAnimation;animation-name:btnAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-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}.btn-cover{border:2px solid #f5f5f5;border-radius:7px}.btn1{text-align:center}.btn1,.btn1:hover{background-color:#114064;background-color:var(--main-color);padding:9px 15px;border-radius:7px;color:#f5f5f5;border:solid #f5f5f5;outline:none;cursor:pointer}.btn1:hover{z-index:3;-webkit-animation-name:btnAnimation;animation-name:btnAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-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}.btn1-cover{border:2px solid #114064;border:2px solid var(--main-color);border-radius:7px}:root{--main-color:#36c;--a:28px;--path-color:#39f;--visited-color:#fff0aa}.node{height:28px;height:var(--a);width:28px;width:var(--a);border:1px solid hsla(0,0%,86.3%,.95);align-items:center;cursor:auto;background-color:#fff}@-webkit-keyframes nodeAnimation{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes nodeAnimation{0%{transform:scale(1)}to{transform:scale(1.2)}}.node:hover{height:28px;height:var(--a);width:28px;width:var(--a);border:1px solid hsla(0,0%,86.3%,.95);align-items:center;cursor:pointer;-webkit-animation-name:nodeAnimation;animation-name:nodeAnimation;-webkit-animation-duration:.1s;animation-duration:.1s;-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 animation{0%{border:1px solid #dcdcdc}to{border:1px solid #36c;border:1px solid var(--main-color)}}@keyframes animation{0%{border:1px solid #dcdcdc}to{border:1px solid #36c;border:1px solid var(--main-color)}}.barrier{background-color:#36c;background-color:var(--main-color);-webkit-animation-name:animation;animation-name:animation;-webkit-animation-duration:.1s;animation-duration:.1s;-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;cursor:pointer}.start{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAOklEQVR4AWOgCIwCFiDWoYZB3UD8GYhtKDVIAoivD2/DeID4MBD/BuLgoWwIAvRTbgjCRc7US9+jAADFKRDIaUicswAAAABJRU5ErkJggg==);background-position-x:center;background-position-y:center;background-size:35px}.end,.start{border:1px solid #f5f5f5;cursor:pointer}.end{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABA0lEQVR4AWKgB+AAYmcgBtQ+B5wJBGAchyEMYQhhCCGEMEAYYQgwQAh9gD7AEGAIBxiGAEMIsI8RYIAQAhyGcHj3jLtzs6uC/XgAXv93mhvS4OpaJBwJAFIWNDlbjx3BOxP6dBizJtjSprY2ew6MOdUjX2ypXbbiyIBLTQkWdWsylhTNoWzJE0UfpDQomxD0KVoTzEkIlhTNCIaULQiqNVgTuYRqA4Jp3aEm1RIiN6faHcGMszMTgoR1zbERwYiyDsELRUmu+uacojeO3PCrDRkDLnVPRsKfuqR80uFUDxzY0aK2IWnumS4/3TLilWBPj7N12RA1Mla0uboOMxa5CW3+t2+NclLH452kUAAAAABJRU5ErkJggg==);background-position-x:center;background-position-y:center;background-size:32px}@-webkit-keyframes pathAnimation{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes pathAnimation{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@-webkit-keyframes visitedAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes visitedAnimation{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.path{background-color:#39f;background-color:var(--path-color);border:1px solid #39f;border:1px solid var(--path-color);-webkit-animation-name:pathAnimation;animation-name:pathAnimation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0s;animation-delay:0s;-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}.visited{background-color:#fff0aa;background-color:var(--visited-color);border:1px solid hsla(0,0%,86.3%,.95);-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0s;animation-delay:0s;-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}#row{display:flex;align-items:center;flex:1 1;justify-content:center}#grid{margin-top:30px;margin-left:2.4%}
/*# sourceMappingURL=main.7a6362ce.chunk.css.map */