@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap";body{margin:0;padding:0;text-align:center;font-family:Ubuntu,sans-serif}canvas{border:1px solid black}button{border:none;margin:.2rem;padding:.5rem;border-radius:.2rem;font-weight:700;background-color:#f0f0f0}button:hover{background-color:#dcdcdc}button:active{background-color:#c8c8c8}input{border:1px solid gray;margin:.2rem;padding:.2rem;border-radius:.2rem;font-weight:700;width:5rem}.container{display:flex;width:fit-content;gap:1rem;margin:auto}.info-container{background-color:#f0f0f0;padding:1rem 2rem;align-items:center;margin:auto;width:fit-content;border-radius:.5rem}.info-subcontainer{width:fit-content;margin:auto;display:flex;align-items:center;gap:1rem}.splitter{min-width:1px;min-height:1px;background-color:gray}@media (max-width: 1200px){.container{flex-direction:column}}#button-removeall{color:#fff;background-color:#fa3232}#button-removeall:hover{background-color:#e60000}#button-removeall:active{background-color:#c80000}#button-start{padding:.5rem 2rem;font-size:larger;background-color:#3264c8;color:#fff}#button-start:hover{background-color:#0032c8}#button-start:active{animation-iteration-count:infinite;animation-duration:.5s;animation-name:expansion;color:#96c8fa}@keyframes expansion{0%{background-color:#003296}50%{background-color:#001e64}}#banner-image{width:100%;height:12rem;object-fit:cover;filter:brightness(.7)}#banner-container{overflow:hidden;position:relative;display:flex;align-items:center}#banner-text{position:absolute;width:100%;text-align:center;color:#fff;line-height:1.5}#banner-text a,#banner-text a:visited{color:#fff}.large-text{font-size:2.5rem}.small-text{font-size:.8rem;color:gray}#erodibility-slider-container{padding:0 .5rem;border-radius:.2rem}#erodibility-slider-circle-left{background-color:#196419;border-radius:50%;width:.5rem;height:.5rem}#erodibility-slider-circle-right{background-color:#bec878;border-radius:50%;width:.5rem;height:.5rem}#erosion-slider{outline:none}.canvas-grayscale{display:none}.button-template{background-color:#32c864;color:#fff;padding:.5rem 2rem;border-radius:.2rem;font-weight:700}.button-template:hover{background-color:#009632}.button-template:active{background-color:#006400}