body {
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #f5f5f5;
}

h1 {
  margin-top: 20px;
  color: #1eba23;
}

.map-container {
  display: inline-block;
  position: relative;
}
svg path.clicked {
  fill: green !important;   /* stays gray after clicking */
}
.map-container img {
  max-width: 100%;
  height: auto;
  border: 2px solid #1eba23;
}
svg path {
  transition: fill 0.3s ease; /* smooth animation */
  cursor: pointer;            /* makes it feel clickable */
}

svg path:hover {
  fill: green !important;     /* highlight on hover */
}