@charset "utf-8";
/* CSS Document */
.bee {
  position: absolute;
  top: 20vh;
  width: 75px;
  height: 80px;
  background: url(//cdn.ficsystems.com/_new/common/3.0/images/characters/earthday-bee.svg);
  animation: walk-cycle 0.1s infinite steps(6), move 10s forwards linear infinite;
}

.bee::before {}

@-webkit-keyframes walk-cycle {
  0%   {background-position: 0 0;}
  100% {background-position: -450px 0;}
}

@keyframes move {
  0%    { transform: translate(-10vw, 10vh); }
  10%   { transform: translate(0vw, 15vh); }
  20%   { transform: translate(10vw, 20vh); }
  30%   { transform: translate(20vw, 15vh); }
  40%   { transform: translate(30vw, 10vh); }
  50%   { transform: translate(40vw, 5vh); }
  60%   { transform: translate(50vw, 0vh); }
  70%   { transform: translate(65vw, 5vh); }
  80%   { transform: translate(80vw, 10vh); }
  90%   { transform: translate(95vw, 15vh); }
  100%  { transform: translate(110vw, 20vh); }
}