@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/* Animated Shape CSS */
@-webkit-keyframes left-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-10px);
  }
}

@keyframes left-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes up-down {
  0% {
    transform: translatey(0);
  }

  100% {
    transform: translatey(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translatey(0);
  }

  100% {
    transform: translatey(-10px);
  }
}
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }

  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }

  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}

@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }

  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
  }

  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
  }
}
@keyframes movedelement3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  25% {
    -webkit-transform: translate(-8px, -8px);
    transform: translate(-8px, -8px);
  }

  50% {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  75% {
    -webkit-transform: translate(-8px, 8px);
    transform: translate(-8px, 8px);
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement2 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  25% {
    -webkit-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
  }

  50% {
    -webkit-transform: translate(-5px, -5px);
    transform: translate(-5px, -5px);
  }

  75% {
    -webkit-transform: translate(-10px, 5px);
    transform: translate(-10px, 5px);
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes movedelement {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  25% {
    -webkit-transform: translate(10px, 10px);
    transform: translate(10px, 10px);
  }

  50% {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
  }

  75% {
    -webkit-transform: translate(10px, -5px);
    transform: translate(10px, -5px);
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

.anim_one {
  animation: movedelement 5s linear infinite;
}
.anim_two {
  animation: movedelement2 5s linear infinite;
}
.anim_three {
  animation: movedelement3 5s linear infinite;
}
.anim_four {
  animation: alltuchtopdown 3s infinite;
  -webkit-animation: alltuchtopdown 3s infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 1s;
}
.anim_five {
  animation: alltuchtopdown 5s infinite;
  -webkit-animation: alltuchtopdown 5s infinite;
  animation-delay: 0s;
  -webkit-animation-delay: 3s;
}
.anim_six {
  animation: rotation 20s linear infinite;
}
.anim_seven {
  -webkit-animation: up-down 1.5s infinite alternate;
  animation: up-down 1.5s infinite alternate;
}
.anim_eight {
  -webkit-animation: left-right 1.5s infinite alternate;
  animation: left-right 1.5s infinite alternate;
}