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;margin:0}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}nav.navbar{align-items:center;background-color:initial;display:flex;justify-content:space-between;padding:18px 30px;position:fixed;top:0;transition:.32s ease-in-out;width:100%;z-index:9999}nav.navbar.scrolled{background-color:#121212;padding:10px 30px}nav.navbar .navbar-brand img{height:50px;width:auto}nav.navbar .navbar-nav{align-items:center;display:flex;flex-grow:1;justify-content:center}nav.navbar .navbar-nav .nav-link.navbar-link{color:#fff!important;font-size:18px;font-weight:400;letter-spacing:.8px;opacity:.75;padding:0 20px}nav.navbar .navbar-nav a.nav-link.navbar-link.active,nav.navbar .navbar-nav a.nav-link.navbar-link:hover{opacity:1}.navbar-text,.social-icon,span.navbar-text{align-items:center;display:flex}.social-icon{margin-left:20px}.social-icon a{align-items:center;background:#d9d9d91a;border:1px solid #ffffff80;border-radius:50%;display:flex;height:42px;justify-content:center;margin-right:8px;position:relative;width:42px}.social-icon a:before{background-color:#fff;border-radius:50%;content:"";height:42px;position:absolute;transform:scale(0);transition:.3s ease-in-out;width:42px}.social-icon a:hover:before{transform:scale(1)}.social-icon a img{transition:.3s ease-in-out;width:40%}.social-icon a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.navbar-text button{background-color:initial;border:1px solid #fff;color:#fff;font-size:18px;font-weight:700;margin-left:20px;padding:12px 24px;position:relative;transition:.3s ease-in-out}.navbar-text button span{z-index:1}.navbar-text button:before{align-items:center;display:flex;height:60px;position:relative;width:100%}.navbar-text button:hover{color:#121212}.navbar-text button:hover:before{content:"";height:100%;position:absolute;width:100%}nav.navbar .navbar-toggler:active,nav.navbar .navbar-toggler:focus{box-shadow:none;outline:none}nav.navbar .navbar-toggler-icon{background-image:none;border-bottom:2px solid #fff;height:17px;position:relative;top:-2px;transition:all .3s linear;width:24px}nav.navbar .navbar-toggler-icon:focus{border-bottom:2px solid #fff}nav.navbar .navbar-toggler-icon:after,nav.navbar .navbar-toggler-icon:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:0;transition:all .3s linear;width:24px;z-index:2}nav.navbar .navbar-toggler-icon:after{top:8px}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{background-color:#fff;height:2px;transform:rotate(45deg)}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{background-color:#fff;height:2px;transform:translateY(8px) rotate(-45deg)}nav.navbar .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:#0000}.welcome-container{align-items:center;background-color:#1e1e2f;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.welcome-container h1{font-size:3rem;margin-bottom:1rem}.welcome-container p{font-size:1.2rem;margin-bottom:2rem}.welcome-container button{background-color:#09d3ac;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.welcome-container button:hover{background-color:#07b998}.node{display:inline-block;height:25px;outline:1px solid #000;width:25px}.node-finish{animation:none;background-color:red}.node-start{animation:none;background-color:green}.node-visited{animation-duration:2s;animation-fill-mode:forwards;animation-name:visitedAnimation;animation-timing-function:ease-out}@keyframes visitedAnimation{0%{background-color:#000042bf;border-radius:100%;transform:scale(.3) rotate(0deg)}50%{background-color:#1168d9bf;transform:scale(.75) rotate(180deg)}75%{background-color:#00d99fbf;transform:scale(1.2) rotate(1turn)}to{background-color:#00bedabf;transform:scale(1) rotate(0deg)}}.node-wall{background-color:#0c3547}.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)}}.grid{align-items:center;flex-direction:column;margin-top:20px}.grid,.row{display:flex}
/*# sourceMappingURL=main.510136ad.css.map*/