//Animation
@keyframes about-play {
  0% {
    box-shadow: 0 0 0 0 $alpha;
  }
  50% {
    box-shadow: 0 0 0 10px rgba($alpha, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba($alpha, 0.1);
  }
}
//Animation
@keyframes bttn-video {
  0% {
    box-shadow: 0 0 0 0 $secondary;
  }
  50% {
    box-shadow: 0 0 0 10px rgba($secondary, 0.3);
  }
  100% {
    box-shadow: 0 0 0 20px rgba($secondary, 0.04);
  }
}
//Circle
@keyframes circle {
  0% {
    transform: rotate(0deg) translate(-60px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translate(-60px) rotate(-360deg);
  }
}
//Go Right
@keyframes goright {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
  100% {
    transform: translateX(0);
  }
}
//Go Left
@keyframes goleft {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-80px);
  }
  100% {
    transform: translateX(0);
  }
}
// Go Top Right
@keyframes topRight {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(80px, -80px);
  }
  100% {
    transform: translate(0);
  }
}
// Go To Left
@keyframes topLeft {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(80px, 80px);
  }
  100% {
    transform: translate(0);
  }
}
//Circle & Rotate
@keyframes circlerotate {
  0% {
    transform: rotate(0deg) translate(-60px);
  }
  100% {
    transform: rotate(360deg) translate(-60px);
  }
}
//CRotate
@keyframes rotates {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
