@font-face {
  font-family: "Pix Antiqua";
  src: url(../fonts/pix_antiqua.woff2) format("woff2");
  /* bitmap 12px */
}
@font-face {
  font-family: "Bitcell";
  src: url(../fonts/bitcell.woff2) format("woff2");
  /* bitmap 16px */
}
@font-face {
  font-family: "Modern DOS";
  src: url(../fonts/modern_dos.woff2) format("woff2");
  /* bitmap 16px */
}
#wm_off {
  background-image: url(../images/wm_off.webp);
}

#wm_on {
  background-image: url(../images/wm_on.webp);
}

#map_ {
  /*background-image: url(../images/world-green.webp); */
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: relative;
}

#arrow_img {
  z-index: 2;
  width: 64px;
  height: 72px;
  zoom: 75%;
  position: absolute;
}

#weed_img {
  width: 35px;
  height: 31px;
  zoom: 100%;
}

#clock_div {
  z-index: 2;
}

#world_icon_img {
  width: 150px;
  height: 150px;
  zoom: 60%;
}

@-webkit-keyframes rotate-quarter-1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}

@keyframes rotate-quarter-1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes stop-1 {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@keyframes stop-1 {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(90deg);
  }
}
@-webkit-keyframes rotate-quarter-2 {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes rotate-quarter-2 {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@-webkit-keyframes stop-2 {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(180deg);
  }
}
@keyframes stop-2 {
  from {
    transform: rotate(180deg);
  }
  to {
    transform: rotate(180deg);
  }
}
.icon-sandclock {
  -webkit-animation: rotate-quarter-1 1s ease-in-out forwards, stop-1 1s ease-in-out 1s forwards, rotate-quarter-2 1s ease-in-out 2s forwards, stop-2 1s ease-in-out 3s forwards infinite;
          animation: rotate-quarter-1 1s ease-in-out forwards, stop-1 1s ease-in-out 1s forwards, rotate-quarter-2 1s ease-in-out 2s forwards, stop-2 1s ease-in-out 3s forwards infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes wrapkeys {
  0% {
    transform: rotate(0);
  }
  42.8571429% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  92.8571429% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes wrapkeys {
  0% {
    transform: rotate(0);
  }
  42.8571429% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  92.8571429% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.wrap {
  position: relative;
  overflow: hidden;
  -webkit-animation: wrapkeys 4s linear infinite;
          animation: wrapkeys 4s linear infinite;
}

@-webkit-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%, 50%, 70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%, 60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-8deg);
  }
  30%, 50%, 70% {
    transform: scale(1.3) rotate(8deg);
  }
  40%, 60% {
    transform: scale(1.3) rotate(-8deg);
  }
  80% {
    transform: scale(1) rotate(0);
  }
}
.faa-tada.animated,
.faa-tada.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-tada {
  -webkit-animation: tada 2s linear infinite;
  animation: tada 2s linear infinite;
}

.move-image {
  -webkit-animation: move-image 800ms step-end infinite;
          animation: move-image 800ms step-end infinite;
}

@-webkit-keyframes move-image {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes move-image {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  #world_icon_img {
    width: 50px;
    height: 50px;
    zoom: 100%;
  }
  #arrow_img {
    z-index: 2;
    width: 32px;
    height: 36px;
    zoom: 100%;
    position: absolute;
  }
  #weed_img {
    zoom: 75%;
  }
}/*# sourceMappingURL=style.css.map */