@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body{
  background-color: black;
}

.graph-svg-component{
  background-color: black;
}

text{
  font-size: 16px;
  font-family: 'Poppins';

}
text.title{
  font-size: 24px;
  font-weight: 500;
  /* fill: #00958f; */
  
}
text.subTitle{
  font-weight: 500;
  fill: #000000;

}
text.caption{

  font-weight: 400;
  font-size: 18px;
  fill: #00958f;
  
}
text.caption_2{
  font-weight: 600;
  font-size: 11.5px;
  fill: #00958f;
  
}
text.valueLabels{
  fill: #ffffff;
}

text.label{
  fill:#1B1E23;
  font-size: 14px;
  font-weight: 600;
  
}
text.yearText{
  font-size: 64px;
  font-weight: 700;
  opacity: 0.25;
  fill: #d9d9d9;
  
}
.tick text {
  fill: #d9d9d9;

}
.xAxis .tick:nth-child(2) text {
  text-anchor: start;
  fill: #ffffff;
  
}
.tick line {
  shape-rendering: CrispEdges;
  stroke: #303030;
  
}
.tick line.origin{
  stroke: #ffffff;  
}
path.domain{
  display: none;
  fill:#000000;
  padding-bottom: 10rem;
}