body,
html {
  margin: 0;
  padding: 0;
}

body {
  background-color: #2587bc;
  background-image: url(./background.svg);
  background-size: cover;
}

#root {
  min-height: 100vh;

  /*padding-top: 0.1px;*/
  /*! Ez okozza a popover + scrollbar bugot
    nem jöttem rá mire használjuk, ha valaki visszarakná jelezzen
  */
}

.marker svg.frame {
  position: absolute;
  width: 80px;
  height: 80px;
  z-index: 1;
}

.marker svg:not(.frame) {
  position: absolute;
  top: 7px;
  left: 20px;
  width: 40px;
  height: 40px;
  z-index: 10;
}

.marker img {
  position: absolute;
  top: 11%;
  left: 20px;
  z-index: 10;
  width: 40px;
  height: 40px;
  object-fit: contain;
}

.marker.alarm-marker svg:not(.frame),
.alarm-marker .marker img {
  -webkit-animation: blinker 1.5s linear infinite;
  animation: blinker 1.5s linear infinite;
}

.marker.hidden {
  display: none;
}

.arrow svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}