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}*{color:#fff;font-size:1rem;font-weight:600}.App{align-items:center;display:flex;flex-direction:column;max-height:100vh!important;text-align:center}button{background:#0f8cb6;border:none;cursor:pointer;padding:5px}button:not(#initializer,#clear):hover{background:#075e7a;border-radius:5px}.header{background:#0f8cb6;border-bottom:5px solid #075e7a;height:10vh;justify-content:space-between;max-width:100vw;width:100vw}.header,.header-items{align-items:center;display:flex}.header-items>*{font-weight:bolder;margin-right:1vw}.active-btn{background:#075e7a}.active-btn,.red-btn{border-radius:5px;padding:2vh}.red-btn{background:#c70202}#initializer{margin-right:2vw}.logo{align-items:center;display:flex;margin:0 2vw}.logo>*{display:flex;font-weight:bolder;text-transform:uppercase}.logo>div>div{color:#075e7a;font-weight:bolder}.logo>img{height:7vh}.image-container{display:inline-block;position:relative}.image-label{background-color:#000;color:#fff;font-size:14px;left:-60px;opacity:0;padding:4px 8px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:opacity .3s}.image-container:hover .image-label{opacity:1}.image-overlay{bottom:0;display:flex;position:absolute;right:0}.image-overlay>div{display:flex;flex-direction:column;margin-left:80px}.overlay-image{border:2px solid #075e7a;border-radius:50%;height:50px;margin:0 2vw 2vh 0;width:50px}.overlay-image:hover{-webkit-animation:rotate .2s linear forwards;animation:rotate .2s linear forwards}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.active{border:5px solid #075e7a}#dijkstra{margin-left:10px}input[type=range]{-webkit-appearance:none;appearance:none;background-color:#075e7a;border-radius:5px;height:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-moz-range-thumb{background-color:#fff;border-radius:50%;cursor:pointer;height:20px;width:20px}input[type=range]::-ms-thumb{background-color:#fff;border-radius:50%;cursor:pointer;height:20px;width:20px}.menu{display:flex;flex-direction:column}.item{background:#0f8cb6;padding:5px 2vw}.item:hover{background:#075e7a}@media (max-width:500px){*,*>*{font-size:.8rem;font-weight:400;padding:none}input[type=range]{height:7px;width:15vw}#initializer{margin-right:3vw}.red-btn{padding:5px}.header-items>*{font-weight:400}.logo{margin:0 1vw 0 2vw}.logo>div>div{font-weight:700}.logo>img{height:5vh;width:6vw}input[type=range]::-webkit-slider-thumb{height:10px;width:10px}.desc,.desc-btn{width:60vw!important}}@media (max-width:363px){.desc,.desc-btn{width:50vw!important}}.desc-btn{margin-left:2vw!important;-webkit-transform:translateY(12vh);transform:translateY(12vh);width:80vw}.desc{max-height:69vh;overflow-y:auto;-webkit-transform:translateY(6vh);transform:translateY(6vh);width:79vw}.heading{font-weight:700;margin-right:5px}.modal-close{margin-top:7px}.node{height:25px;outline:2px solid #afd8f8;width:25px}.node-finish{background-color:red}.node-start{background-color:green}.node-visited{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75)}25%{background-color:rgba(17,104,217,.75)}to{background-color:rgba(0,190,218,.75)}}@keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75)}25%{background-color:rgba(17,104,217,.75)}to{background-color:rgba(0,190,218,.75)}}.node-wall{background-color:#0c3547}.node-correct-path{-webkit-animation-delay:0;animation-delay:0;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:shortestPath;animation-name:shortestPath;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}@keyframes shortestPath{0%{background-color:#fffe6a;-webkit-transform:scale(.6);transform:scale(.6)}50%{background-color:#fffe6a;-webkit-transform:scale(1.2);transform:scale(1.2)}to{background-color:#fffe6a;-webkit-transform:scale(1);transform:scale(1)}}.grid{border:5px solid #0f8cb6;max-width:100vw!important}.grid>*{display:flex}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background-color:#075e7a;border-radius:5px;cursor:pointer;padding:10px}.dropdown-toggle:hover{padding:10px}.dropdown-menu{background:#0f8cb6;border:1px solid #ced4da;border-radius:5px;min-width:150px;padding:5px;position:absolute;z-index:1}.dropdown-item{border-radius:5px;cursor:pointer;padding:5px}.dropdown-item:hover{background-color:#075e7a}
/*# sourceMappingURL=main.a4f2f9a0.css.map*/