@-webkit-keyframes bouncer {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes bouncer {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
.bouncer {
  width: 100px;
  height: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: absolute;
  top: 50vh;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bouncer-form {
  top: 50%;
}

.bouncer div {
  width: 20px;
  height: 20px;
  background-color: rgba(115, 153, 113, 0);
  border-radius: 50%;
  -webkit-animation: bouncer 0.5s cubic-bezier(0.19, 0.57, 0.3, 0.98) infinite alternate;
  animation: bouncer 0.5s cubic-bezier(0.19, 0.57, 0.3, 0.98) infinite alternate;
}

.bouncer div:nth-of-type(1) {
  opacity: 0.8;
}

.bouncer div:nth-of-type(2) {
  opacity: 0.6;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.bouncer div:nth-of-type(3) {
  opacity: 0.5;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.bouncer div:nth-of-type(4) {
  opacity: 0.4;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.loading-filter {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
/*# sourceMappingURL=preloader.css.map */