.continent-text {
  position: absolute;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1rem;
  pointer-events: none;
}
.continent-text.eu {
  opacity: 0;
  left: 28%;
  top: 35%;
}
.continent-text.eu.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.continent-text.as {
  opacity: 0;
  left: 40%;
  top: 32%;
}
.continent-text.as.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.continent-text.na {
  opacity: 0;
  left: 8%;
  top: 37%;
}
.continent-text.na.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.continent-text.sa {
  opacity: 0;
  left: 15%;
  top: 77%;
}
.continent-text.sa.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.continent-text.af {
  opacity: 0;
  left: 28%;
  top: 60%;
}
.continent-text.af.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.continent-text.oc {
  opacity: 0;
  left: 46%;
  top: 89%;
}
.continent-text.oc.open {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}


.map-area:focus {
  outline: 0;
}