/*====== scissor animation =======*/
@keyframes rotate_up {
  0% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(40deg);
  }
  100% {
    transform: rotate(20deg);
  }
}

@-webkit-keyframes rotate_up {
  0% {
   -webkit-transform: rotate(20deg);
  }
  50% {
    -webkit-transform: rotate(40deg);
  }
  100% {
    -webkit-transform: rotate(20deg);
  }
}

@-moz-keyframes rotate_up {
  0% {
   -moz-transform: rotate(20deg);
  }
  50% {
    -moz-transform: rotate(40deg);
  }
  100% {
    -moz-transform: rotate(20deg);
  }
}

@keyframes rotate_down {
  0% {
    transform: rotate(-20deg);
  }
  50% {
    transform: rotate(-40deg);
  }
  100% {
    transform: rotate(-20deg);
  }
}
@-webkit-keyframes rotate_down {
  0% {
    -webkit-transform: rotate(-20deg);
  }
  50% {
    -webkit-transform: rotate(-40deg);
  }
  100% {
    -webkit-transform: rotate(-20deg);
  }
}
@-moz-keyframes rotate_down {
  0% {
    -moz-transform: rotate(-20deg);
  }
  50% {
    -moz-transform: rotate(-40deg);
  }
  100% {
    -moz-transform: rotate(-20deg);
  }
}
/*====== scissor animation =======*/