@keyframes t_zoom01 {
  0% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.2) translateZ(0);
  }
  100%{
    transform: scale(1) translateZ(0);
  }
}
@keyframes t_zoom02 {
  0% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.2) translateZ(0);
  }
  100%{
    transform: scale(1) translateZ(0);
  }
}
@keyframes hp_stop {
  0% {
    transform: scale(1) translateZ(0);
  }
  50% {
    transform: scale(1.1) translateZ(0);
  }
  100%{
    transform: scale(1) translateZ(0);
  }
}
@keyframes key {
  0% {
    top: 180px;
  }
  50% {
    top: 160px;
  }
  100%{
    top: 180px;
  }
}
@keyframes card {
  0% {
    transform:rotateZ(0deg)
  }
  25% {
    transform:rotateZ(-5deg)
  }
  50% {
    transform:rotateZ(0deg)
  }
  75% {
    transform:rotateZ(5deg)
  }
  100%{
    transform:rotateZ(0deg)
  }
}