.map-container {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    aspect-ratio: 2 / 1;

  }

  #world-map {
    width: 100%;
    height: 100%;
  }

  path {
    fill: #d3d3d3;
    stroke: #333;
    cursor: pointer;
    transition: fill 0.2s;
  }

  path:hover {
    fill: #999;
  }