@import url('https://fonts.googleapis.com/css2?family=B612+Mono:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

html, body, #map {
   width: 100%;
   height: 100%;
}

.version_mark {
  font-family: 'B612 Mono', monospace;
  text-transform: uppercase;
  position: fixed;
  z-index: 999;
  color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  right: 0;
  padding: 1em;
}

#map .defensie_locatie {
  fill: rgba(155, 150, 182, 0.7);
  stroke: rgba(155, 150, 182, 1);
  stroke-width: 6px;
  stroke-dasharray: 10;
  opacity: 1;

}

#map .defensie_locatie_label {

  font-family: 'Rubik', sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 700;
  background-color: rgba(24, 34, 36, 1);
  padding: 1em;
  color: rgba(240, 240, 240, 1);

  position: absolute;
  border: none;
  box-shadow: rgba(155, 150, 182, 0.8) 2px 2px, rgba(155, 150, 182, 0.6) 4px 4px, rgba(155, 150, 182, 0.3) 6px 6px, rgba(155, 150, 182, 0.2) 8px 8px, rgba(155, 150, 182, 0.1) 10px 10px;
  transition: all 0.1s ease-in-out;

  opacity: 0.7 !important;
}

#map .defensie_locatie_label:hover{
  opacity: 1 !important;
  box-shadow: rgba(155, 150, 182, 0.8) 5px 5px, rgba(155, 150, 182, 0.6) 9px 9px, rgba(155, 150, 182, 0.3) 12px 12px, rgba(155, 150, 182, 0.2) 15px 15px, rgba(155, 150, 182, 0.1) 18px 18px;
}