.shake img {
  animation: shake 0.5s forwards ease-in-out;
}

@keyframes shake {
  0% {
    transform: rotate(-15deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  75% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.playbtn svg:hover {
  animation: 1s forwards ease-in-out textRotate;
}

@keyframes textRotate {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}

.slider_caption * {
  animation: revealSlide 1s forwards ease-in-out;
}

@keyframes revealSlide {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes glow {
  0% {
    border: 0 transparent solid;
  }
  25% {
    border: 15px #4094 solid;
  }
  50% {
    border: 30px transparent solid;
  }
  100% {
    border: 0 transparent solid;
  }
}