@keyframes  monohandshake{
  0% {
     transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
 }
  100% {
     transform: rotate(0deg);
  }
}

@keyframes nhanngay{0%{top:0}50%{top:90%}100%{top:0}}


@keyframes  monoheadshake{
  0% {
     transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
 }
  100% {
     transform: rotate(0deg);
  }
}


@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@-webkit-keyframes snowflakes-shake {
  0%,
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
  }
  50% {
    -webkit-transform: translateX(80px)  rotate(360deg);
    transform: translateX(80px)  rotate(360deg);
  }
}

@keyframes snowflakes-fall {
  0% {
    top: -10%;
  }
  100% {
    top: 100%;
  }
}
@keyframes snowflakes-shake {
  0%,
  100% {
    transform: translateX(0)  rotate(0deg) ;
  }
  50% {
    transform: translateX(80px) rotate(360deg);
  }
}

@keyframes snowflakes-glow {
  0%,
  100% {
    text-shadow: 0 0 3px rgb(241, 220, 145), 0 0 10px rgb(241, 220, 145), 0 0 30px rgb(241, 220, 145);
  }
  50% {
  
    text-shadow:none;
  }
}

@keyframes  banmonohand{
  0% {
     transform: rotate(-5deg);
  }
  50% {
    transform: rotate(10deg);
 }
  100% {
     transform: rotate(-5deg);
  }
}


@keyframes  sock{
  0%, 100%  {
     transform: rotate(-5deg);
  }
  50% {
    transform: rotate(10deg);
 }
}

@keyframes snowman-login{
  0% {
    right: 30%;
  }
  49% {
    transform: none;
    -webkit-transform: none;
  }
  50% {
    right: 50%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  51% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  99%  {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    right: 30%;
  }
  100%  {
    transform: none;
    -webkit-transform: none;
    right: 30%;
  }
}

@keyframes  snowman-jump-login{
  0%, 100%  {
    top: 50%;
  }
  50% {
    top: 49%;
 }
}



@keyframes snowman{
  0% {
    right: 30%;
  }
  49% {
    transform: none;
    -webkit-transform: none;
  }
  50% {
    right: 50%;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  51% {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  99%  {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    right: 30%;
  }
  100%  {
    transform: none;
    -webkit-transform: none;
    right: 30%;
  }
}

@keyframes snowman-jump {
  0%, 100%  {
    top: 60%;
  }

  50% {
    top: 59%;
 }
}

@media screen and (max-width: 720px) {

  @keyframes mono{
    0%,100% {
      transform: rotate(-2deg);
    }
    50%{
      transform: rotate(5deg);
    }
  }

  @keyframes snowman{
    0% {
      right: 25%;
    }
    49% {
      transform: none;
      -webkit-transform: none;
    }
    50% {
      right: 47%;
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
    }
    51% {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
    }
    99%  {
      transform: rotateY(180deg);
      -webkit-transform: rotateY(180deg);
      right: 25%;
    }
    100%  {
      transform: none;
      -webkit-transform: none;
      right: 25%;
    }
  }
    
  @keyframes  snowman-jump{
    0%, 100%  {
      top: 61%;
    }
    50% {
      top: 63%;
    }
  }
}


@keyframes giftbox-shake {
  0% {
    transform: rotate(0deg);
 }
 50% {
   transform: rotate(4deg);
}
 100% {
    transform: rotate(0deg);
 }
}



@keyframes giftbox-hide {
  0%{
    transform: scale(1);
  }

  100%  {
    transform: scale(0);
  }
}
@keyframes giftbox-scale {
  0%{
    transform: scale(1);
  }

  100%  {
    transform: scale(1.2);
  }
}



@keyframes unicorn-dau-a{
  0%, 100%,30%,70%  {
    /* top: 51.13636364%; */
    top:0%;
  }
  40% {
    top: 6.136%;
  }
  50% {
    /* top: 48%; */
    top: 0%;
  }
  60% {
    /* top: 48%; */
    top: 9.136%;
  }
}


@keyframes unicorn-than-a{
  0%, 100%,30%,70%  {
    /* top: 51.13636364%; */
    height:51.13636364%;
  }
  39.5% {
    height:45.13636364%;
  }
  49.5% {
    /* top: 48%; */
    height:51.13636364%;
  }
  55.9% {
    /* top: 48%; */
    height:42.13636364%;
  }
}


@keyframes unicorn-than-dance{
  0%, 100% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(0deg);
  }
  18.5% {
    transform: rotate(14deg);
  }
  25% {
    transform: rotate(14deg);
  }
  30% {
    transform: rotate(14deg);
  }
  31.5% {
    transform: rotate(0deg);
  }
}


@keyframes unicorn-xoay-nguoi{
  0% {
    transform: rotateY(0deg);
  }
  
  49.5% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  98% {
    transform: rotateY(180deg);
  }
  99% {
    transform: rotateY(0deg);
  }
  100%  {
    transform: rotateY(0deg);
  }
}

@keyframes unicorn-di{ 
  0%, 100% {
   left:0;
   transform: rotateY(0deg);
  }
  18.5% {
    left:37%;
  }
  31.5% {
    left:37%;
  }
  50% {
    left:100%;
    transform: rotateY(0deg);
  }
  50.2% {
    transform: rotateY(180deg);
  }
  
  68.5% {
    left:37%;
  }
  81.5% {
    left:37%;
  }

  99.8%  { 
    transform: rotateY(180deg);
  }
  
}
/* 
@keyframes unicorn-di{
  0%{
    left: 0%;
  }
  5% {
    left: 10%;
  }
  7% {
    left: 10%;
  }
  15% {
    left: 30%;
  }
  17% {
    left: 30%;
  }
  25% {
    left: 50%;
  }
  27% {
    left: 50%;
  }
  35% {
    left: 70%;
  }
  37% {
    left: 70%;
  }
  45% {
    left: 90%;
  }
  47% {
    left: 90%;
  }
  50% {
    left: 100%;
  }
  55% {
    left: 90%;
  }
  57% {
    left: 90%;
  }
  65% {
    left: 70%;
  }
  67% {
    left: 70%;
  }
  75% {
    left: 50%;
  }
  77% {
    left: 50%;
  }
  85% {
    left: 30%;
  }
  87% {
    left: 30%;
  }
  95% {
    left: 10%;
  }
  97% {
    left: 10%;
  }
  100% {
    left: 0%;
  }
} */


/* @keyframes unicorn-di{
  0% {
    transform: rotateY(0deg);
  }
 
  50% {
    left: 100%;
    transform: rotateY(0deg);
  }
  50.2% {
    left: 100%;
    transform: rotateY(180deg);
  }
  99.8%  { 
    transform: rotateY(180deg);
  }
  100%  {
    left: 0;
  }
}  */

@keyframes scale08{
  0%, 100%  {
    transform: scale(1);
  }
 
  50% {
    transform: scale(0.8);
  }
}


@keyframes scale09{
  0%, 100%  {
    transform: scale(1);
  }
 
  50% {
    transform: scale(0.9);
  }
}

@keyframes choi{
  0%,100% {
    transform: rotateY(0deg);
    z-index: 0;
  } 
 
  50%{
    transform: rotateY(45deg);
    z-index: 1;
  }
}

@keyframes matmeo{
  0%,100% {
    transform: scale(1);
  } 
  1%{
    transform: scale(0.8);
  }
  59%{
    transform: scale(0.8);
  }
  60%{
    transform: scale(1);
  }
}


@keyframes laocongdau{
  0%,100% {
    transform: rotate(0deg);
  } 
  15%{
    transform: rotate(0deg);
  }
  16%{
    transform: rotate(-14deg);
  }
  40%{
    transform: rotate(-14deg);
  }
  50%{
    transform: rotate(0deg);
  }
}

@keyframes mono{
  0%,100% {
    transform: rotate(-5deg);
  }
  50%{
    transform: rotate(5deg);
  }
}


@keyframes sidebar{
  0% {
    height: 0;
  }
  100%{
    height: 22vw;
  }
}

@keyframes noi{
  0%,100% {
    transform: scale(1) rotate(0deg);
  }
  
  25%{
    transform: scale(0.9) rotate(5deg);
  }
  50%{
    transform: scale(0.9) rotate(-5deg);
  }
  75%{
    transform: scale(0.9) rotate(5deg);
  }
}

@keyframes steam-one {
  0% {transform: translateY(0) translateX(0) scale(0.8); opacity: 0.6;}
  100% {transform: translateY(-3.500vw) translateX(-1.000vw) scale(1); opacity: 0;}
}


@keyframes steam-two {
  0% {transform: translateY(0) translateX(0) scale(0.8); opacity: 0.6;}
  100% {transform: translateY(-3.100vw) translateX(-1.2000vw) scale(1); opacity: 0;}
}

@keyframes steam-three {
  0% {transform: translateY(0) translateX(0) scale(0.7); opacity: 0.5;}
  100% {transform: translateY(-3.400vw) translateX(0.000vw) scale(1); opacity: 0;}
}

@keyframes steam-four {
  0% {transform: translateY(0) translateX(0) scale(0.8); opacity: 0.6;}
  100% {transform: translateY(-3.200vw) translateX(1.1000vw) scale(1); opacity: 0;}
}


@keyframes tet{
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  15% {
    transform: scale(0.96);
    filter: brightness(1.1);
  }
  20% {
    transform: scale(0.95);
  }
  25% {
    transform: scale(0.9);
    filter: brightness(0.8);
  }
  50% {
    transform: scale(1.15);
    filter: brightness(1.5);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.12);
    filter: brightness(1.3);
  }
  75% {
    transform: scale(0.95);
    filter: brightness(0.6);
  }
  80% {
    transform: scale(0.98);
    filter: brightness(1);
  }
  100%  {
    transform: scale(1);
    filter: brightness(1);
  }
}

@keyframes download{
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  15% {
    transform: scale(0.96);
    filter: brightness(1.1);
  }
  20% {
    transform: scale(0.95);
  }
  25% {
    transform: scale(0.9);
    filter: brightness(0.8);
  }
  50% {
    transform: scale(1.015);
    filter: brightness(1.5);
  }
  60% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.012);
    filter: brightness(1.3);
  }
  75% {
    transform: scale(0.95);
    filter: brightness(0.6);
  }
  80% {
    transform: scale(0.98);
    filter: brightness(1);
  }
  100%  {
    transform: scale(1);
    filter: brightness(1);
  }
}


@keyframes countnumber{
  0%,100% {
    transform: scale(1);
  }
  
  50%{
    transform: scale(1.1);
  }
}