style.css

html, body {
    font-size: 14px;
}

.ui.dropdown {
    z-index: 1111;
}
.drawing.segment {
    min-height: 700px;
    height: 90vh;
}

.Hausdorff0 {
    stroke: #D2691E;
    opacity: 0.4;
    stroke-width: 6;
    fill: none;
}
.Hausdorff1 {
    opacity: 0.4;
    stroke: black;
    stroke-width: 6;
    fill: none;
}

/* Slider style */
.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 90%;
    height: 10px;
    background: #FFFFFF;
    outline: none;
    opacity: 0.7; 
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 15px;
}
.slider:hover {
    opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 3px;
  width: 15px;
  height: 25px;
  background: #2185d0;
  cursor: cursor;
}