@import url(colors.css);

body {
  background-color: var(--main-bg);
}
path.line {
  fill: none;
}

div#description{
  color:var(--main-text);
  
}

div#chart1 {
  width: fit-content;
  background-color: var(--chart-bg);
  border: 1px solid var(--white);
  box-shadow: 1px 1px 3px 1px #898989;
}
svg {
  /* background-color: var(--chart-bg); */
  color: var(--main-text);
}
text {
  fill: var(--main-text);
}
.legend {
  fill: var(--main-text);
}
g.yAxis path.domain {
  opacity: 0;
}

.xAxis .tick line {
  stroke-dasharray: 1 1;
  stroke-opacity: 50%;
}

.xAxis path.domain {
  /* stroke: white; */
}

g.xAxis g.tick {
  stroke-dasharray: 1 1;
  stroke-opacity: 50%;
}

g.yAxis g.tick {
  stroke-dasharray: 1 5;
  stroke-width: 2;
  stroke-opacity: 50%;
}