@keyframes pic_2 {
  0% {
    transform: translateY(100%);
  }

  50% {
    transform: translateY(10%);
  }
  
  100% {
    transform: translateY(100%);
  }
}

@keyframes block1_yellow {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(-200%);
  }
}

@keyframes block1_green {
  0% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(200%);
  }
}

@keyframes block7_img{
  0% {
    transform: translateX(-10%);
  }
 50% {
    transform: translateX(25%);

  }

   75% {
    transform: translateX(50%);

  }
  100% {
    transform: translateX(-10%);

  }
}

@keyframes block7_circle{
  0% {
    opacity: 0;
  }
70% {
    opacity: 0;

  }
  80% {
    opacity: 1;

  }
  100% {
    opacity: 1;

  }
}

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


@keyframes block10_im1{
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(200%);
  }
}

@keyframes block10_im2{
  0% {
    transform: translateY(0%) rotate(180deg);
  }

  100% {
    transform: translateY(200%) rotate(180deg);
  }
}
@keyframes block10_im3{
  0% {
    transform: translateX(0%) rotate(180deg);
  }

  100% {
    transform: translateX(-200%) rotate(180deg);
  }
}

@keyframes block10_im4{
  0% {
    transform: translateY(0%) ;
  }

  100% {
    transform: translateY(-200%) ;
  }
}



@keyframes orangeAnimation {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    /* roll */
    35% {
        transform: translate(530px, 0) rotate(720deg);
    }
    /* fall*/
    65% {
        transform: translate(650px, 300px) rotate(1000deg);
    }
    /* пауза    */
    93.33% {
        transform: translate(650px, 300px) rotate(1000deg);
    }
    /* falldown */
    100% {
        transform: translate(650px, 400px) rotate(1000deg);
    }
}

@keyframes runningline1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes runningline2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}
@keyframes marquee1 {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee2 {
  0% {
    transform: translateX(50%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes flicker {
  0% {
    opacity: 0;
  }
  

  100% {
    opacity: 1;
  }
}

@keyframes fruit {
  0%, 33% {
    opacity: 1;
  }
  34%, 99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes animateBubble{
  0%{
    margin-top:0%
  }
  100%{margin-top:100%}}

@keyframes sideWays{
  0%{
    margin-left:0
  }
  100%{
    margin-left:25px}
  }

  @keyframes surprise {
  0% {
    transform: rotateY(0);
    transform-origin: left;
  }
  25% {
    transform: rotateY(-80deg);
    transform-origin: left;
  }
  50% {
    transform: rotateY(-60deg);
    transform-origin: left;
  }
  75% {
    transform: rotateY(-80deg);
    transform-origin: left;
  }
  100% {
    transform: rotateY(0);
    transform-origin: left;
  }
}