


@keyframes google {
  0% {
    transform: translate3d(335px, 385px, 0px) rotateZ(2.54886deg);
    animation-timing-function: ease-in;
  }
  20% {
    transform: translate3d(341px, 461px, 0px) rotateZ(10.6744deg);
    animation-timing-function: ease;
  }
  30% {
    transform: translate3d(369px, 417px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  31% {
    transform: translate3d(21px, 557px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  32% {
    transform: translate3d(261px, 509px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  33% {
    transform: translate3d(-14px, 623px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  34% {
    transform: translate3d(263px, 573px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  35% {
    transform: translate3d(79px, 629px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  36% {
    transform: translate3d(289px, 542px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  37% {
    transform: translate3d(54px, 609px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  38% {
    transform: translate3d(246px, 525px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  39% {
    transform: translate3d(32px, 638px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: linear;
  }
  40% {
    transform: translate3d(256px, 591px, 0px) rotateZ(-0.0460379deg);
    animation-timing-function: ease-out;
  }
  60% {
    transform: translate3d(327px, 422px, 0px) rotateZ(3.00568deg);
    animation-timing-function: ease-in-out;
  }
  65% {
    transform: translate3d(310.392px, 394.645px, 0px) rotateZ(-7.92738deg);
    animation-timing-function: ease-in-out;
  }
  70% {
    transform: translate3d(123px, 86px, 0px) rotateZ(-131.285deg);
    animation-timing-function: step-start;
  }
  90% {
    transform: translate3d(123px, 86px, 0px) rotateZ(-131.285deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(353px, 371px, 0px) rotateZ(1.91628deg);
    animation-timing-function: step-start;
  }
}

.google {
position: absolute;
animation-name: google; /* name used in HTML ID tag */
animation-duration: 15s;       /* total time to run animation */
animation-delay: 4s;          /* delay in starting on page load */
animation-iteration-count: infinite;  /* how many times it repeats 123 ... or infinite */
animation-direction: normal;   /* alternate, reverse */
animation-fill-mode: none; /* Animate something moving from one place to another and have it stay there */
animation-timing-function: ease-in-out; /* Linear = Play an animation with the same speed from beginning to end */
}

.google {
position: absolute;
-webkit-animation-name: google; /* name used in HTML ID tag */
-webkit-animation-duration: 15s;       /* total time to run animation */
-webkit-animation-delay: 4s;          /* delay in starting on page load */
-webkit-animation-iteration-count: infinite;  /* how many times it repeats 123 ... or infinite */
-webkit-animation-direction: normal;   /* alternate, reverse */
-webkit-animation-fill-mode: none; /* Animate something moving from one place to another and have it stay there */
-webkit-animation-timing-function: ease-in-out; /* Linear = Play an animation with the same speed from beginning to end */
}

.google {
position: absolute;
animation-name: google; /* name used in HTML ID tag */
-moz-animation-duration: 15s;       /* total time to run animation */
-moz-animation-delay: 4s;          /* delay in starting on page load */
-moz-animation-iteration-count: infinite;  /* how many times it repeats 123 ... or infinite */
-moz-animation-direction: normal;   /* alternate, reverse */
-moz-animation-fill-mode: none; /* Animate something moving from one place to another and have it stay there */
-moz-animation-timing-function: ease-in-out; /* Linear = Play an animation with the same speed from beginning to end */
}

.google {
position: absolute;
-ms-animation-name: google; /* name used in HTML ID tag */
-ms-animation-duration: 15s;       /* total time to run animation */
-ms-animation-delay: 4s;          /* delay in starting on page load */
-ms-animation-iteration-count: infinite;  /* how many times it repeats 123 ... or infinite */
-ms-animation-direction: normal;   /* alternate, reverse */
-ms-animation-fill-mode: none; /* Animate something moving from one place to another and have it stay there */
-ms-animation-timing-function: ease-in-out; /* Linear = Play an animation with the same speed from beginning to end */
}

.google {
position: absolute;
-o-animation-name: google; /* name used in HTML ID tag */
-o-animation-duration: 15s;       /* total time to run animation */
-o-animation-delay: 4s;          /* delay in starting on page load */
-o-animation-iteration-count: infinite;  /* how many times it repeats 123 ... or infinite */
-o-animation-direction: normal;   /* alternate, reverse */
-o-animation-fill-mode: none; /* Animate something moving from one place to another and have it stay there */
-o-animation-timing-function: ease-in-out; /* Linear = Play an animation with the same speed from beginning to end */
}
