body {
	background-color: #393939;
	font-family: 'Raleway', sans-serif;
}

.area {
    fill: lightsteelblue;
    stroke-width: 0;
}

rect {
	stroke-width: .4px;
	stroke: #393939;
}

.topLine {
	fill: red;
}

.mainWave {
	fill: white;
}

.mainWaveHighlight {
	fill: gray;
}

svg {
	shape-rendering:"crisp-edges";
}

/* slider stuff */

.axis {
  fill: gray;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.slider {
	width: 50px;
}

.slider .handle .mainVertical {
  stroke-width: 3px;
  stroke-linecap: round;
  stroke: white;
}

.slider .handle .halo {
  stroke-width: 50px;
  stroke-linecap: round;
  opacity: 0;
}

.slider .handle text {
  text-align: center;
  font-size: 14px;
  fill: white;
}