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}.App{text-align:center}table{border-collapse:collapse;background-color:#fff}.node{box-sizing:border-box;border:none;background:#000}.node:hover{border:1px solid #fff}.dimension{width:30px;height:20px}.topWall{border-top:1px solid #000}.rightWall{border-right:1px solid #000}.bottomWall{border-bottom:1px solid #000}.leftWall{border-left:1px solid #000}.node-start{background-color:#e91e1e}.node-finish,.node-start{background-position:50%;background-size:cover}.node-finish{background-color:#8df352;background-repeat:no-repeat}.node-visited{-webkit-animation-name:visitedAnimation;animation-name:visitedAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#00b3ff}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fff}}@keyframes visitedAnimation{0%{background-color:rgba(0,0,66,.75)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#00b3ff}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fff}}.RevisitedNode{-webkit-animation-name:RevisitedNodeAnimation;animation-name:RevisitedNodeAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes RevisitedNodeAnimation{0%{background-color:rgba(0,0,66,.75)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#00b3ff}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fff}}@keyframes RevisitedNodeAnimation{0%{background-color:rgba(0,0,66,.75)}50%{background-color:rgba(17,104,217,.75)}75%{-webkit-transform:scale(1.2);transform:scale(1.2);background-color:#00b3ff}to{-webkit-transform:scale(1);transform:scale(1);background-color:#fff}}.node-path{-webkit-animation-name:shortestPathAnimation;animation-name:shortestPathAnimation;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes shortestPathAnimation{0%{background-color:rgba(69,240,92,.842)}55%{background-color:rgba(104,163,230,.75)}to{background-color:#00b3ff}}@keyframes shortestPathAnimation{0%{background-color:rgba(69,240,92,.842)}55%{background-color:rgba(104,163,230,.75)}to{background-color:#00b3ff}}*{margin:0;padding:0;box-sizing:border-box}.header,body{background-color:#152f49}.header{padding-top:30px;width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.header .appName{margin:0 10px;color:#fff;text-shadow:0 0 10px #00b3ff,0 0 20px #00b3ff,0 0 40px #00b3ff,0 0 80px #00b3ff,0 0 120px #00b3ff;line-height:20px}.header .buttonContainer{position:relative;display:-webkit-flex;display:flex;height:50%;margin-right:30px}.header .buttonContainer button{margin:0 10px;width:100px;position:relative;color:#fff;padding:5px 10px;font-size:15px;font-weight:600;background-color:#48c9b0;border-color:#48c9b0;border-radius:5px;cursor:pointer}.header .buttonContainer button:hover{-webkit-transform:scale(1.3) translateY(-1px);transform:scale(1.3) translateY(-1px);border:1px solid #eee}.navigation{position:relative;width:60px;height:100%;top:0;left:0;background-color:#152f49;transition-delay:.1s;transition-duration:.5s;max-height:100vh;overflow:hidden}.navigation.active,.navigation:hover{width:400px;z-index:1000}.navigation ul{position:relative;top:0;left:0;width:100%}.navigation ul li{position:relative;width:100%;list-style:none}.navigation ul li div{position:relative;width:100%;display:-webkit-flex;display:flex;text-decoration:none;color:#fff;overflow:hidden}.navigation ul li div .icon{position:relative;display:block;min-width:60px;height:60px;line-height:60px;font-size:30px;text-align:center}.navigation ul li div .title{position:relative;padding:40px 10px;line-height:60px;text-align:start;white-space:nowrap}.navigation ul li div .About,.navigation ul li div .title{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.navigation ul li div .About{word-wrap:normal}.navigation ul li div .About .aboutHeading{padding:10px 0;text-decoration:underline;text-align-last:center}.navigation ul li div .About .aboutDescription{line-height:20px;font-size:20px;text-align:start;margin:20px 10px;font-family:ui-rounded}.navigation ul li div .About .aboutCreatorName{text-align:right;padding:0 15px}.navigation ul li div .About .aboutLinks{color:#fff;display:-webkit-flex;display:flex;width:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:30px 0;-webkit-justify-content:center;justify-content:center}.navigation ul li div .About .aboutLinks a{text-decoration:none;font-size:20px;height:50px;width:30%;margin:10px 0}.aboutYoutube{color:red}.aboutLinkedin{color:#0e76a8}.aboutGithub{color:#000}.aboutGmail{color:#fff;margin-top:12px}#end_col,#end_row,#start_col,#start_row{height:20px;margin:20px 4px;padding-left:2px}.toggle{position:fixed;top:100px;right:0;visibility:hidden;width:70px;cursor:pointer;color:#fff;font-size:30px;padding:10px}.toggle:hover{color:#00b3ff}@media (max-width:768px){.navigation{left:-60px}.navigation.navigation.active{left:0}.toggle{visibility:visible;z-index:1000}.navigation ul li div .icon{display:none}}.mazeContainer{-webkit-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #fff;box-sizing:border-box;position:absolute;top:100px;left:60px;z-index:900;margin:5px}
/*# sourceMappingURL=main.5e0cc64b.chunk.css.map */