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}.header{padding:12px;color:#fdffff;width:calc(100% - 24px);background:#1e338d;background:linear-gradient(90deg,#1e338d,#5464a9)}.header-container{margin:auto;max-width:50%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}.header-text{font-size:30px}.header-container>*{margin:0}.logo{height:40px;margin-right:12px}.navOption{height:100%;padding:0 10px;line-height:40px;margin-left:10px}.navOption:hover{background-color:#142363}.active{background-color:#101c4f}#algoSelectBox{background-color:rgba(255,0,0,0);color:#fdffff;border:0;padding:0 2px;height:100%;font-size:15px}#algoSelectBox .dropped{background-color:#142363}.grid{margin:0;background-color:#fdffff;width:100%;height:calc(100vh - 64px)}.row{display:flex;justify-content:center;align-items:center}.cell{height:30px;width:30px;background-color:#7881a7;margin:.5px;cursor:pointer}.start{background-color:green}.end,.start{-webkit-animation-name:cellAnimate;animation-name:cellAnimate;-webkit-animation-duration:.15s;animation-duration:.15s}.end{background-color:red}.visited{background-color:#4c5891}.visited,.wall{-webkit-animation-name:cellAnimate;animation-name:cellAnimate;-webkit-animation-duration:.15s;animation-duration:.15s}.wall{background-color:#1d1d1d}.highlight{background-color:#063233;-webkit-animation-name:pathAnimate;animation-name:pathAnimate;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes cellAnimate{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes cellAnimate{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pathAnimate{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pathAnimate{0%{-webkit-transform:scale(.7);transform:scale(.7)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.45c0ab29.chunk.css.map */