/*fall*/

.fald {
  animation-name: fald_kf;
  animation-duration: 2.7s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: both;
}

@keyframes fald_kf {
  0% {
    transform: translateY(-300%);
  }

  100% {
    transform: translateY(600%);
  }
}

/*frys*/

.frys {
  animation-play-state: paused;
}

.forsvind {
  animation-name: forsvind_kf;
  animation-duration: 1s;
  animation-iteration-count: 0.7;
  animation-timing-function: linear;
  animation-fill-mode: both;
}

.opacity {
  opacity: 50%;
}

@keyframes forsvind_kf {
  0% {
    rotate: 0;
    scale: 1;
  }

  20% {
    scale: 1.2;
  }

  100% {
    rotate: 360deg;
    scale: 0;
  }
}