#language-level {
  display: flex;
  background: -webkit-linear-gradient(top, white, rgba(255,255,255,0.3));
  background: linear-gradient(to top, white, rgba(255,255,255,0.3));

  p {
    padding-top: 7px;
    flex: 100;
  }

  .hsk-slider {
    width: 82%;
  }

  .md-track-ticks {
  }

  md-slider .md-sign {
    display: none;
    top: -26px;
  }

  md-slider .md-thumb {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}


#language-level {
  display: flex;
  background: -webkit-linear-gradient(top, white 80%, rgba(255,255,255,0.3) 99%);
  background: linear-gradient(to top, white 80%, rgba(255,255,255,0.3) 99%);

  p {
    padding-top: 7px;
    flex: 100;
  }

  .hsk-slider {
    width: 82%;
  }

  .md-track-ticks {
  }

  md-slider .md-sign {
    display: none;
    top: -26px;
  }

  md-slider .md-thumb {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}


Make slider background gradient less pronounced so that label can be clearly read.
Make slider background gradient less pronounced so that label can be clearly read.
