html,
body,
.wapper {
  height: 100%;
}

.wapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

.wapper img {
  transform: translateY(-10%) scale(2);
  display: block;
  width: 100%;
  height: 100%;
}

.wapper a {
  position: absolute;
  opacity: 1;
}

.wapper .J_toGit i,
.wapper .J_toGit span {
  vertical-align: middle;
}

.wapper .action_cat {
  animation: cat_move 5s;
}

.wapper .action_target {
  animation: iconShow 5s;
}

@keyframes cat_move {
  0% {
    transform: translateY(0) scale(2);
  }
  30% {
    transform: scale(2.5);
  }
  60% {
    transform: scale(2);
  }
  100% {
    transform: translateY(-10%) scale(2);
  }
}

@keyframes iconShow {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}