/* copied from chapter 23 */

#yugi1{
-webkit-animation:gear-pop 0.5s 2.8s forwards;
   -moz-animation:gear-pop 0.5s 2.8s forwards;
     -o-animation:gear-pop 0.5s 2.8s forwards;
        animation:gear-pop 0.5s 2.8s forwards;
}
#yugi2{
-webkit-animation:moveright-6em 1.4s 3.3s ease-out forwards;
   -moz-animation:moveright-6em 1.4s 3.3s ease-out forwards;
     -o-animation:moveright-6em 1.4s 3.3s ease-out forwards;
        animation:moveright-6em 1.4s 3.3s ease-out forwards;
}
#yugi3{
-webkit-animation:moveleft-2em 1.0s 4.8s ease-in forwards;
   -moz-animation:moveleft-2em 1.0s 4.8s ease-in forwards;
     -o-animation:moveleft-2em 1.0s 4.8s ease-in forwards;
        animation:moveleft-2em 1.0s 4.8s ease-in forwards;
}
#yugi4{
-webkit-animation:yugi-roll 2.5s 0.3s forwards;
   -moz-animation:yugi-roll 2.5s 0.3s forwards;
     -o-animation:yugi-roll 2.5s 0.3s forwards;
        animation:yugi-roll 2.5s 0.3s forwards;
}
#yugi5{
-webkit-animation:yugi-roll2 2.5s 0.3s forwards;
   -moz-animation:yugi-roll2 2.5s 0.3s forwards;
     -o-animation:yugi-roll2 2.5s 0.3s forwards;
        animation:yugi-roll2 2.5s 0.3s forwards;
}

@-webkit-keyframes yugi-roll {
    100% {-webkit-transform:rotate(-3deg) translateX(-5.3em);transform:rotate(-3deg) translateX(-5.3em);}
}
@-moz-keyframes yugi-roll {
    100% {-moz-transform:rotate(-3deg) translateX(-5.3em);transform:rotate(-3deg) translateX(-5.3em);}
}
@-o-keyframes yugi-roll {
    100% {-o-transform:rotate(-3deg) translateX(-5.3em);transform:rotate(-3deg) translateX(-5.3em);}
}
@keyframes yugi-roll {
    100% {-webkit-transform:rotate(-3deg) translateX(-5.3em);-moz-transform:rotate(-3deg) translateX(-5.3em);-o-transform:rotate(-3deg) translateX(-5.3em);transform:rotate(-3deg) translateX(-5.3em);}
}
@-webkit-keyframes yugi-roll2 {
    100% {-webkit-transform:rotate(-3deg) translateX(-7.5em);transform:rotate(-3deg) translateX(-7.5em);}
}
@-moz-keyframes yugi-roll2 {
    100% {-moz-transform:rotate(-3deg) translateX(-7.5em);transform:rotate(-3deg) translateX(-7.5em);}
}
@-o-keyframes yugi-roll2 {
    100% {-o-transform:rotate(-3deg) translateX(-7.5em);transform:rotate(-3deg) translateX(-7.5em);}
}
@keyframes yugi-roll2 {
    100% {-webkit-transform:rotate(-3deg) translateX(-7.5em);-moz-transform:rotate(-3deg) translateX(-7.5em);-o-transform:rotate(-3deg) translateX(-7.5em);transform:rotate(-3deg) translateX(-7.5em);}
}
@-webkit-keyframes gear-pop {
      0% {-webkit-transform: rotate(-1deg);transform: rotate(-1deg);}
     30% {-webkit-transform: rotate( 2deg) translate( 0.4em, -0.9em);transform: rotate( 2deg) translate( 0.4em, -0.9em);}
    100% {-webkit-transform: rotate( 1deg) translate( 0.9em, -0.2em);transform: rotate( 1deg) translate( 0.9em, -0.2em);}
}
@-moz-keyframes gear-pop {
      0% {-moz-transform: rotate(-1deg);transform: rotate(-1deg);}
     30% {-moz-transform: rotate( 2deg) translate( 0.4em, -0.9em);transform: rotate( 2deg) translate( 0.4em, -0.9em);}
    100% {-moz-transform: rotate( 1deg) translate( 0.9em, -0.2em);transform: rotate( 1deg) translate( 0.9em, -0.2em);}
}
@-o-keyframes gear-pop {
      0% {-o-transform: rotate(-1deg);transform: rotate(-1deg);}
     30% {-o-transform: rotate( 2deg) translate( 0.4em, -0.9em);transform: rotate( 2deg) translate( 0.4em, -0.9em);}
    100% {-o-transform: rotate( 1deg) translate( 0.9em, -0.2em);transform: rotate( 1deg) translate( 0.9em, -0.2em);}
}
@keyframes gear-pop {
      0% {-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);transform: rotate(-1deg);}
     30% {-webkit-transform: rotate( 2deg) translate( 0.4em, -0.9em);-moz-transform: rotate( 2deg) translate( 0.4em, -0.9em);-o-transform: rotate( 2deg) translate( 0.4em, -0.9em);transform: rotate( 2deg) translate( 0.4em, -0.9em);}
    100% {-webkit-transform: rotate( 1deg) translate( 0.9em, -0.2em);-moz-transform: rotate( 1deg) translate( 0.9em, -0.2em);-o-transform: rotate( 1deg) translate( 0.9em, -0.2em);transform: rotate( 1deg) translate( 0.9em, -0.2em);}
}

#yugi-rumble1{
display:inline-block;
-webkit-animation:shake .09s 1.14s 35 alternate;
   -moz-animation:shake .09s 1.14s 35 alternate;
     -o-animation:shake .09s 1.14s 35 alternate;
        animation:shake .09s 1.14s 35 alternate;
}
#yugi-rumble2{
display:inline-block;
-webkit-animation:shake .09s 1.10s 36 alternate;
   -moz-animation:shake .09s 1.10s 36 alternate;
     -o-animation:shake .09s 1.10s 36 alternate;
        animation:shake .09s 1.10s 36 alternate;
}
#yugi-rumble3{
display:inline-block;
-webkit-animation:shakeMore .09s 1.15s 37 alternate;
   -moz-animation:shakeMore .09s 1.15s 37 alternate;
     -o-animation:shakeMore .09s 1.15s 37 alternate;
        animation:shakeMore .09s 1.15s 37 alternate;
}
#yugi-rumble4{
display:inline-block;
-webkit-animation:shake .09s 1.19s 38 alternate;
   -moz-animation:shake .09s 1.19s 38 alternate;
     -o-animation:shake .09s 1.19s 38 alternate;
        animation:shake .09s 1.19s 38 alternate;
}

#yugi-rumble5{
display:inline-block;
-webkit-animation:shake .05s 2.25s 119 alternate;
   -moz-animation:shake .05s 2.25s 119 alternate;
     -o-animation:shake .05s 2.25s 119 alternate;
        animation:shake .05s 2.25s 119 alternate;
}
#yugi-rumble6{
display:inline-block;
-webkit-animation:shakeMore .07s 2.20s 89 alternate;
   -moz-animation:shakeMore .07s 2.20s 89 alternate;
     -o-animation:shakeMore .07s 2.20s 89 alternate;
        animation:shakeMore .07s 2.20s 89 alternate;
}
#yugi-rumble7{
display:inline-block;
-webkit-animation:shakeMore .06s 2.23s 102 alternate;
   -moz-animation:shakeMore .06s 2.23s 102 alternate;
     -o-animation:shakeMore .06s 2.23s 102 alternate;
        animation:shakeMore .06s 2.23s 102 alternate;
}
#yugi-rumble8{
display:inline-block;
-webkit-animation:shake .05s 2.26s 123 alternate;
   -moz-animation:shake .05s 2.26s 123 alternate;
     -o-animation:shake .05s 2.26s 123 alternate;
        animation:shake .05s 2.26s 123 alternate;
}

#yugi6{
-webkit-animation:gear-pop 0.5s 2.5s forwards;
   -moz-animation:gear-pop 0.5s 2.5s forwards;
     -o-animation:gear-pop 0.5s 2.5s forwards;
        animation:gear-pop 0.5s 2.5s forwards;
}
#yugi7{
-webkit-animation:moveright-5em 1.0s 3.0s ease-in forwards;
   -moz-animation:moveright-5em 1.0s 3.0s ease-in forwards;
     -o-animation:moveright-5em 1.0s 3.0s ease-in forwards;
        animation:moveright-5em 1.0s 3.0s ease-in forwards;
}
#yugi8{
-webkit-animation:drive-yugo 1.8s 4.0s linear forwards;
   -moz-animation:drive-yugo 1.8s 4.0s linear forwards;
     -o-animation:drive-yugo 1.8s 4.0s linear forwards;
        animation:drive-yugo 1.8s 4.0s linear forwards;
}
#yugi9{
-webkit-animation:yugi-roll 2.5s 1.0s forwards;
   -moz-animation:yugi-roll 2.5s 1.0s forwards;
     -o-animation:yugi-roll 2.5s 1.0s forwards;
        animation:yugi-roll 2.5s 1.0s forwards;
}
#yugi10{
-webkit-animation:yugi-roll2 2.5s 1.0s forwards;
   -moz-animation:yugi-roll2 2.5s 1.0s forwards;
     -o-animation:yugi-roll2 2.5s 1.0s forwards;
        animation:yugi-roll2 2.5s 1.0s forwards;
}

@-moz-keyframes drive-yugo {
100% {-moz-transform: translate(55em, -1.65em);}
}
@-webkit-keyframes drive-yugo {
100% {-webkit-transform: translate(55em, -1.65em);}
}
@-o-keyframes drive-yugo {
100% {-o-transform: translate(55em, -1.65em);}
}
@keyframes drive-yugo {
100% {-webkit-transform: translate(55em, -1.65em);-moz-transform: translate(55em, -1.65em);-o-transform: translate(55em, -1.65em);transform: translate(55em, -1.65em);}
}

.yugi-wheels {
  position:relative;
  top:0.04em;
  font-size: 120%;
  letter-spacing:0.5px;
}

.yugi-wheels2 {
  position:relative;
  top:0.10em;
  font-size: 125%;
  letter-spacing:0.5px;
}