.cssanimation,
.cssanimation span {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.cssanimation span {
  display: inline-block
}

.pepe {
  animation-name: pepe;
  animation-iteration-count: infinite
}


@keyframes pepe {

  from,
  33%,
  66%,
  to {
    transform: rotate(4deg)
  }

  16%,
  50%,
  83% {
    transform: rotate(-4deg)
  }
}


.social-icons {
  display: flex;
  flex-direction: column;
  width: 50px;
  justify-content: left;
  align-items: center;
  position: fixed;
  transition: translateY(-50%);
  top: 87%;
  z-index: 1;
  right: 5;
  border-radius: 10px;

  border: 1px solid rgba(0, 0, 0, 0);
}