@keyframes wheel{
    from{
      transform: rotate(0deg);
    }

    to{
      transform: rotate(360deg);
    }
}

@keyframes spanMoving{
  0%{
    width: 100%;
  }

  50%{
    width: 50%;
  }

  100%{
    width: 100%;
  }

}

@keyframes AboutMovingRight{
  0%{
    transform: translateY(-20px);
  }

  100%{
    transform: translateY(0px);
  }

}

@keyframes AboutMovingLeft{
  0%{
    transform: translateY(-10px);
  }

  100%{
    transform: translateY(20px);
  }

}

@keyframes specialDishMovingImg{
  0%{
    transform: translateY(-5px);
  }

  100%{
    transform: translateY(25px);
  }  
}

@keyframes rotate{
  0%{
    transform: rotateY(-90deg);
    opacity: 0;
  }

  25%{
    transform: rotateY(0deg);
    opacity: 1;
  }

  50%{
    transform: rotateY(0deg);
    opacity: 1;
  }

  75%{
    transform: rotateY(-90deg);
    opacity: 0;
  }

  100%{
    transform: rotateY(-90deg);
    opacity: 0;
  }

}