.layout {
    text-align: center;
  }
  
 .barcontainer{
    width: 100%;
    height: 500px;
    margin: auto;
  }
  
  svg {
    width: 100%;
    height: 100%;
  }
  
  .bar {
    fill: #80cbc4;
  }
  
  text {
    font-size: 12px;
    fill: black;
  }
  
  path {
    stroke: gray;
  }
  
  line {
    stroke: gray;
  }
  
  line#limit {
    stroke: #FED966;
    stroke-width: 3;
    stroke-dasharray: 3 6;
  }
  
  .grid path {
    stroke-width: 0;
  }
  
  .grid .tick line {
    stroke: #9FAAAE;
    stroke-opacity: 0.3;
  }
  
  text.divergence {
    font-size: 14px;
    fill: #2F4A6D;
  }
  
  text.value {
    font-size: 14px;
  }
  
  text.title {
    font-size: 20px;
    font-weight: 600;
     fill: #2F4A6D;

  }
  
  text.label {
    font-size: 14px;
    font-weight: 400;
    fill: black;
  }
  
  text.source {
    font-size: 10px;
  }