:root {
  --prim-color: #0d0d0d;
  --sec-color: #fff;
}

body {
  overflow: hidden;
  font-size: 16px;
}

.chart-wrapper {
  width: 100%;
  height: 100%;
  background-color: var(--prim-color);
  position: absolute;
}

path {
  stroke: var(--prim-color);
  cursor: pointer;
  transition: fill 250ms;
}

path:hover {
  fill: var(--sec-color);
}

text {
  font-size: 0.8em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

polyline {
  fill: none;
  stroke: var(--sec-color);
  stroke-width: 2px;
  stroke-dasharray: 5px;
}

button {
  position: absolute;
  top: 20px;
  left: 20px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 5px 10px;
  outline: none;
  font-size: 0.6em;
  background-color: transparent;
  color: var(--sec-color);
  border: 1px solid var(--sec-color);
  letter-spacing: 1px;
  transition: all 250ms;
}

button:hover {
  background-color: var(--sec-color);
  color: var(--prim-color);
  box-shadow: 0 0 2px var(--sec-color);
}

button:active {
  opacity: 0.5;
}