@import url(https://fonts.googleapis.com/css?family=Space Grotesk:700|Space Grotesk:400);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#09d3ac}.node{display:inline-block;height:25px;outline:1px solid #afd8f8;width:25px}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:visitedAnimation;animation-play-state:running;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#000042bf;border-radius:100%;transform:scale(.3)}50%{background-color:#1168d9bf}75%{background-color:#00d99fbf;transform:scale(1.2)}to{background-color:#00bedabf;transform:scale(1)}}.node-wall{background-color:#000}.node-shortest-path{animation-delay:0;animation-direction:alternate;animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:shortestPath;animation-play-state:running;animation-timing-function:ease-out}@keyframes shortestPath{0%{background-color:#fffe6a;transform:scale(.6)}50%{background-color:#fffe6a;transform:scale(1.2)}to{background-color:#fffe6a;transform:scale(1)}}:root{--m:2rem;--red:#ff6565;--pink:#ff64f9;--purple:#6b5fff;--blue:#4d8aff;--green:#5bff89;--yellow:#fe5;--orange:#ff6d1b}body{align-items:center;background-color:#141516;display:flex;flex-direction:column;justify-content:center;margin:0}.btn-div{display:flex;justify-content:space-around;margin-top:10px}.grid{background-color:#f5f5f5;margin-top:20px}.button{background:linear-gradient(#121213,#121213),linear-gradient(#121213 50%,#12121399 80%,#12121300),linear-gradient(90deg,#ff6d1b,#fe5,#5bff89,#4d8aff,#6b5fff,#ff64f9,#ff6565);background:linear-gradient(#121213,#121213),linear-gradient(#121213 50%,#12121399 80%,#12121300),linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-clip:padding-box,border-box,border-box;background-origin:border-box;background-size:200%;border:.16rem solid #0000;border:calc(var(--m)*.08) solid #0000;border-radius:1.4rem;border-radius:calc(var(--m)*.7);color:#f3f3f3;cursor:pointer;font-family:Space Grotesk;font-size:2rem;font-size:var(--m);padding:1rem 2rem;padding:calc(var(--m)*.5) calc(var(--m)*1);position:relative}.button,.button:before{animation:animate 2s linear infinite}.button:before{background:linear-gradient(90deg,#ff6d1b,#fe5,#5bff89,#4d8aff,#6b5fff,#ff64f9,#ff6565);background:linear-gradient(90deg,var(--orange),var(--yellow),var(--green),var(--blue),var(--purple),var(--pink),var(--red));background-size:200%;bottom:-20%;content:"";filter:blur(1.6rem);filter:blur(calc(var(--m)*.8));height:30%;position:absolute;width:60%;z-index:-5}.button:hover,.button:hover:before{animation:animate .5s linear infinite}.btn2{border-radius:50%;height:80px;padding:10px;width:80px}@keyframes animate{0%{background-position:0}to{background-position:200%}}
/*# sourceMappingURL=main.376d7f9c.css.map*/