@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;color:#333;font-family:Quicksand;margin:0}.content{height:100%;margin:40px auto}.navbar{align-items:center;display:flex;margin:0 auto;padding:20px}.navbar-top{border-bottom:1px solid #f2f2f2}.navbar-bottom{border-top:1px solid #f2f2f2}.navbar h1{color:#f1356d}.navbar .links{margin-left:auto}.navbar-top .links{font-size:20px}.navbar-bottom .contact-me{margin-top:-5px}.navbar a{margin-left:16px;padding:6px;text-decoration:none}.navbar a:hover{color:#f1356d}.navbar a.active{color:#f1356d;font-weight:700}.logo-image{background-size:10px;margin-left:0;width:20px}.sorting-main-container{align-items:flex-start;display:flex;height:100%;justify-content:center;position:relative}.sorting-container{flex-shrink:0;height:595px;padding-bottom:25px}.sorting-button-container,.sorting-container{align-items:center;display:flex;flex-direction:column}.sorting-button-container{height:0;margin-top:75px;width:200px}.sorting-button{width:150px}.sorting-button,.sorting-button-small{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:5px;padding:10px 20px;text-align:center}.sorting-button-small{width:175px}.sorting-button:hover{background-color:#b4abab;border:#b4abab}.bars-container{align-items:flex-end;bottom:100px;display:flex;flex-grow:1;justify-content:center;margin:0 auto;padding:10px;width:100%}.bar{background-color:green;border:1px solid #fff;margin:0;transition:transform .5s ease-in-out}.bar.active{background-color:red}.bar.sorted{background-color:#40e0d0}.main-container{align-items:flex-start;display:flex;justify-content:center;padding-bottom:20px;padding-top:32px;position:relative}.button-container,.graph-content{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.button-container{height:100%;justify-content:center;margin:0 20px;width:200px}.button-container h3{margin-left:auto;margin-right:auto}.graph-box{border:2px solid #000;flex-shrink:0;height:500px;position:relative;width:500px}.graph-node{background-color:#000;border-radius:50%;color:#fff;cursor:move;height:20px;position:absolute;-webkit-user-select:none;user-select:none;width:20px}.graph-button,.graph-node{align-items:center;display:flex;justify-content:center}.graph-button{box-sizing:border-box;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;text-align:center;width:165px}.graph-button:hover{background-color:#b4abab;border:#b4abab}.edge{height:100%;pointer-events:none;position:absolute;width:100%}.status-text{padding-top:20px;text-align:center}.slider-container{align-items:center;display:flex;justify-content:space-between;white-space:nowrap;width:100%}.slider-label{margin-right:auto}.slider-content{align-items:center;display:flex;justify-content:center}.slider{-webkit-appearance:none;background:#ddd;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4caf50;cursor:pointer;height:25px;width:25px}.slider::-moz-range-thumb{background:#4caf50;cursor:pointer;height:25px;width:25px}.home-container{max-width:1200px;padding-left:20px;width:80%}.home-section{margin:20px 0}.home-section-title{font-size:1.5em;margin-bottom:10px}.home-list-item{margin:5px 0}.screenshots{display:flex;flex-direction:columns}.screenshot{margin:1em 0}.screenshot img{display:block;height:auto;max-height:500px}.modal{align-items:center;background-color:#000;background-color:#0006;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{animation-duration:.4s;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 #0003;margin:auto;max-width:500px;padding:20px;text-align:center;width:80%}.modal-content h2{margin-bottom:20px}.modal-content form{align-items:center;display:flex;flex-direction:column}.modal-content label{text-align:center;width:100%}.modal-content label input{margin-left:10px}.modal-content button{align-self:center}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}
/*# sourceMappingURL=main.b07096c1.css.map*/