body {
    font-family: Arial, sans-serif;
    margin: 20px;
  }
  
  h1 {
    text-align: center;
  }
  
  #container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
  }
  
  #map, #barChart {
    width: 48%;
    height: 500px;
  }
  
  select {
    margin-left: 10px;
  }

  .axis text {
    font-size: 10px;
    font-family: sans-serif;
}

.legendTitle {
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
}

.legend rect {
    stroke: #999;
    stroke-width: 0.5px;
}