body {
    font-family: Arial, sans-serif;
    background-color: #e687d6;
}

svg {
  width: 100%;        
  height: auto;
}




h1 {
    color: #333;
    text-align: center;
}

p {
    color: #666;
    padding: 10px;
}
#map-container {
    width: 100%;
    height: 550px; /* Adjust as necessary */
}

path {
    cursor: pointer; /* Change cursor to pointer on hover */
    transition: fill 0.3s; /* Smooth transition for hover effect */
}

path:hover {
    fill: #ddd; /* Change color on hover */
}