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}*{margin:0;padding:0;background-origin:padding-box}.nodes{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}.flexnode,.matrix{border:1px solid rgba(0,217,255,.432)}.matrix{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%)}.hovering{margin-right:20px;margin-left:20px;font-size:larger;transition-duration:.15s}.hovering:hover{transform:scale(1.3);transition-duration:.3s}.hovering:active{opacity:1%}.end{color:#fff;font-size:25px;transform:translate(16%,-16%)}.hide{display:none}.visitedpath{background:radial-gradient(ellipse at center,#15a0f0 45%,transparent 0);background-repeat:no-repeat;background-position:50%;height:200px;width:200px;-webkit-animation:Flow1 5s ease;animation:Flow1 5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.shortestpath{background:radial-gradient(ellipse at center,#292929 45%,transparent 0);background-repeat:no-repeat;background-position:50%;border-color:#292929;height:200px;width:200px;-webkit-animation:Flow2 3s ease;animation:Flow2 3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.wallsanimation{background:radial-gradient(ellipse at center,#fffb00 45%,transparent 0);background-repeat:no-repeat;background-position:50%;border-color:#fffb00;height:200px;width:200px;-webkit-animation:Flow3 1s ease;animation:Flow3 1s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes Flow1{0%{background-size:0 0}40%{background-size:1000% 1000%}60%{background-size:0 0}70%{background-color:#c2ffff}to{background-color:#0ff;background-size:0 0}}@keyframes Flow1{0%{background-size:0 0}40%{background-size:1000% 1000%}60%{background-size:0 0}70%{background-color:#c2ffff}to{background-color:#0ff;background-size:0 0}}@-webkit-keyframes Flow2{0%{background-size:0 0}to{background-size:1000% 1000%}}@keyframes Flow2{0%{background-size:0 0}to{background-size:1000% 1000%}}@-webkit-keyframes Flow3{0%{background-size:0 0}to{background-size:1000% 1000%}}@keyframes Flow3{0%{background-size:0 0}to{background-size:1000% 1000%}}
/*# sourceMappingURL=main.530ffaff.chunk.css.map */