@import "https://fonts.googleapis.com/css?family=Prompt:400,700";body,html{margin:0;padding:0;background-color:bisque}.contain{display:flex;width:100vw;height:100vh;background-color:#a4fba6;align-items:center;justify-content:center}.open-button{position:absolute;top:10px;right:10px}#canv{color:#a4fba6;margin-right:.4%;margin-left:.4%;width:750px;height:600px}.controls{margin-left:.8%;margin-right:.8%;width:250px;height:97%;background-color:#0ff;display:flex;flex-direction:column;align-items:center}.button_con{display:flex;justify-content:space-evenly}.button{background-color:#4caf50;border:2px solid #4caf50;border-radius:5px;color:#fff;padding:8px 14px;text-align:center;text-decoration:none;font-size:14px;margin:10px 4px;transition-duration:.4s;cursor:pointer;outline-width:10px}.highlight{border-color:#000}.setStartNode{background-color:#189ad3;color:#fff}.setStartNode:hover{background-color:#4caf50;color:#fff}.setStopNode{background-color:#a4de02;color:#fff}.setStopNode:hover{background-color:#4caf50;color:#fff}.setBlockers{background-color:#c87941;color:#fff}.setBlockers:hover{background-color:#4caf50;color:#fff}.startButton{border-radius:0;outline:none;background-color:#fff;color:#000;border:2px solid #e7e7e7}.startButton:hover{background-color:#e7e7e7}.startNew{outline-style:none;background-color:#fff;color:#000;border:2px solid #4caf50}.startNew:hover{background-color:#555;color:#fff}.algorithm{outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;background:rgba(0,0,0,.6)}.modal{display:block;width:800px;max-width:100%;height:600px;max-height:100%;position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff}.modal-guts{position:absolute;top:0;left:0;overflow:auto}.modal-guts,img.tab{width:100%;height:100%}.closed{display:none}.close-button{z-index:1;top:0}.close-button,.prevNextBtn{position:absolute;right:20px}.prevNextBtn{bottom:10px}.nextBtn,.prevBtn{z-index:1}.tab{display:none}.stepDiv{position:absolute;bottom:10px;left:45%}.step{height:15px;width:15px;margin:0 2px;background-color:#e62242;border:none;border-radius:50%;display:inline-block;text-align:center;opacity:.5}.step.active{opacity:1}.step.finish{background-color:#4caf50}
/*# sourceMappingURL=/main.9d680cd6.css.map */