.scale-up {
  font-size: 10px;
  display:inline-block;
  -webkit-animation: scale-up 0.29s ease-in-out forwards;
     -moz-animation: scale-up 0.29s ease-in-out forwards;
       -o-animation: scale-up 0.29s ease-in-out forwards;
          animation: scale-up 0.29s ease-in-out forwards;
}

@-webkit-keyframes scale-up {
   75% {-webkit-transform: scale(1.2);transform: scale(1.2); opacity:1 !important;}
  100% {-webkit-transform: scale(1.05);transform: scale(1.05); opacity:0.8 !important;}
}
@-moz-keyframes scale-up {
   75% {-moz-transform: scale(1.2);transform: scale(1.2); opacity:1 !important;}
  100% {-moz-transform: scale(1.05);transform: scale(1.05); opacity:0.8 !important;}
}
@-o-keyframes scale-up {
   75% {-o-transform: scale(1.2);transform: scale(1.2); opacity:1 !important;}
  100% {-o-transform: scale(1.05);transform: scale(1.05); opacity:0.8 !important;}
}
@keyframes scale-up {
   75% {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2); opacity:1 !important;}
  100% {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05); opacity:0.8 !important;}
}

/* copied from chapter 20: purse-swing sequence */
.swung {
  text-align: right;
  margin-bottom: -1.28em;
  right: -10.35em;
  top: -7.80em;
  width: 4.75em;
  -webkit-transform: rotate(060deg) translate(000pt,0pt) rotateX(00deg) scale(1.62,1);
     -moz-transform: rotate(060deg) translate(000pt,0pt) rotateX(00deg) scale(1.62,1);
          transform: rotate(060deg) translate(000pt,0pt) rotateX(00deg) scale(1.62,1);
  -webkit-transform-origin: -0pt -0.0pt;
     -moz-transform-origin: -0pt -0.0pt;
      -ms-transform-origin: -0pt -0.0pt;
       -o-transform-origin: -0pt -0.0pt;
          transform-origin: -0pt -0.0pt;
  -webkit-animation: swung 3.5s 10.6s linear forwards;
     -moz-animation: swung 3.5s 10.6s linear forwards;
       -o-animation: swung 3.5s 10.6s linear forwards;
          animation: swung 3.5s 10.6s linear forwards;
}
@-webkit-keyframes swung{
     30% {-webkit-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);}
     33% {-webkit-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);}
     59% {-webkit-transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);}
     76% {-webkit-transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);}
     94% {-webkit-transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);}
    100% {-webkit-transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);}
}
@-moz-keyframes swung{
     30% {-moz-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);}
     33% {-moz-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);}
     59% {-moz-transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);}
     76% {-moz-transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);}
     94% {-moz-transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);}
    100% {-moz-transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);}
}
@-o-keyframes swung{
     30% {transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);}
     33% {transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);}
     59% {transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);}
     76% {transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);}
     94% {transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);}
    100% {transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);}
}
@keyframes swung{
     30% {-webkit-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);-moz-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.40,1);}
     33% {-webkit-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);-moz-transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);transform: rotate( 036deg) translate( 000pt,0pt) rotateX( 45deg) scale(2.50,1);}
     59% {-webkit-transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);-moz-transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);transform: rotate( 105deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.15,1);}
     76% {-webkit-transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);-moz-transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);transform: rotate( 119deg) translate( 004pt,0pt) rotateX( 00deg) scale(3.20,1);}
     94% {-webkit-transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);-moz-transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);transform: rotate( 143deg) translate( 014pt,0pt) rotateX(-52deg) scale(4.00,1);}
    100% {-webkit-transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);-moz-transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);transform: rotate( 151deg) translate(-018pt,0pt) rotateX(-59deg) scale(3.80,1);}
}

.movePurse {
  display: inline-block;
  -webkit-animation: movePurse .26s 3.63s forwards;
     -moz-animation: movePurse .26s 3.63s forwards;
       -o-animation: movePurse .26s 3.63s forwards;
          animation: movePurse .26s 3.63s forwards;
}
@-webkit-keyframes movePurse{100% {-webkit-transform: translate(-10px, -27px);transform: translate(-10px, -27px);}}
@-moz-keyframes movePurse{100% {-moz-transform: translate(-10px, -27px);transform: translate(-10px, -27px);}}
@-o-keyframes movePurse{100% {-o-transform: translate(-10px, -27px);transform: translate(-10px, -27px);}}
@keyframes movePurse{100% {-webkit-transform: translate(-10px, -27px);-moz-transform: translate(-10px, -27px);-o-transform: translate(-10px, -27px);transform: translate(-10px, -27px);}}

.arcPurse {
  display: inline-block;
  padding-top: 200pt;
  -webkit-transform: rotate(000deg) translate( 0pt, 0pt) rotateY( 00deg);
     -moz-transform: rotate(000deg) translate( 0pt, 0pt) rotateY( 00deg);
          transform: rotate(000deg) translate( 0pt, 0pt) rotateY( 00deg);
  -webkit-animation: arcPurse 3.5s 10.6s linear forwards;
     -moz-animation: arcPurse 3.5s 10.6s linear forwards;
       -o-animation: arcPurse 3.5s 10.6s linear forwards;
          animation: arcPurse 3.5s 10.6s linear forwards;
}
@-webkit-keyframes arcPurse{
     30% {-webkit-transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);}
     33% {-webkit-transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);}
     59% {-webkit-transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);}
     94% {-webkit-transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);}
    100% {-webkit-transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);}
}
@-moz-keyframes arcPurse{
     30% {-moz-transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);}
     33% {-moz-transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);}
     59% {-moz-transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);}
     94% {-moz-transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);}
    100% {-moz-transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);}
}
@-o-keyframes arcPurse{
     30% {transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);}
     33% {transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);}
     59% {transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);}
     94% {transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);}
    100% {transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);}
}
@keyframes arcPurse{
     30% {-webkit-transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);-moz-transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-56.5deg) translate( -70pt, 30pt) rotateY( 45deg);}
     33% {-webkit-transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);-moz-transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);transform: rotate(-57.0deg) translate( -70pt, 30pt) rotateY( 45deg);}
     59% {-webkit-transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);-moz-transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);transform: rotate( 00.0deg) translate(-120pt,100pt) rotateY( 00deg);}
     94% {-webkit-transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);-moz-transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);transform: rotate( 90.0deg) translate( 150pt,140pt) rotateY(-50deg);}
    100% {-webkit-transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);-moz-transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);transform: rotate(100.0deg) translate( 128pt, 90pt) rotateY(-55deg);}
}

.D-flop {
  display: inline-block;
  -webkit-animation: D-flop .70s 13.90s linear forwards;
  -moz-animation: D-flop .70s 13.90s linear forwards;
  -o-animation: D-flop .70s 13.90s linear forwards;
  animation: D-flop .70s 13.90s linear forwards;
}
@-moz-keyframes D-flop{
  0% {-moz-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-2px 00px 2px #878787;}
 50% {-moz-transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-4px 14px 2px #878787;}
100% {-moz-transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2), 2px 01px 2px #878787;}
}
@-webkit-keyframes D-flop{
  0% {-webkit-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-2px 00px 2px #878787;}
 50% {-webkit-transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-4px 14px 2px #878787;}
100% {-webkit-transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2), 2px 01px 2px #878787;}
}
@-o-keyframes D-flop{
  0% {-o-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-2px 00px 2px #878787;}
 50% {-o-transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-4px 14px 2px #878787;}
100% {-o-transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2), 2px 01px 2px #878787;}
}
@keyframes D-flop{
  0% {-webkit-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em);-moz-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em);transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-2px 00px 2px #878787;}
 50% {-webkit-transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em);-moz-transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em);transform: rotateX( 35deg) rotate( 10deg) translate( 1.5em,-1.0em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2),-4px 14px 2px #878787;}
100% {-webkit-transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em);-moz-transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em);transform: rotateX( 70deg) rotate( 10deg) translate( 2.0em, 0.5em); text-shadow:-2px -1px 0 #616161, -3px -2px 1px rgb(0,0,0),-1px -1px 1px rgba(0,0,0,0.85),-2px -2px 1px rgba(0,0,0,1.0),0px 0px 2px rgba(0,0,0,.2), 2px 01px 2px #878787;}
}

.Nooo1 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.50s forwards;
  -moz-animation: fade-in 2s 6.50s forwards;
  -o-animation: fade-in 2s 6.50s forwards;
  animation: fade-in 2s 6.50s forwards;
}
.Nooo2 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.65s forwards;
  -moz-animation: fade-in 2s 6.65s forwards;
  -o-animation: fade-in 2s 6.65s forwards;
  animation: fade-in 2s 6.65s forwards;
}
.Nooo3 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.60s forwards;
  -moz-animation: fade-in 2s 6.60s forwards;
  -o-animation: fade-in 2s 6.60s forwards;
  animation: fade-in 2s 6.60s forwards;
}
.Nooo4 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.65s forwards;
  -moz-animation: fade-in 2s 6.65s forwards;
  -o-animation: fade-in 2s 6.65s forwards;
  animation: fade-in 2s 6.65s forwards;
}
.Nooo5 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.70s forwards;
  -moz-animation: fade-in 2s 6.70s forwards;
  -o-animation: fade-in 2s 6.70s forwards;
  animation: fade-in 2s 6.70s forwards;
}
.Nooo6 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.75s forwards;
  -moz-animation: fade-in 2s 6.75s forwards;
  -o-animation: fade-in 2s 6.75s forwards;
  animation: fade-in 2s 6.75s forwards;
}
.Nooo7 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.80s forwards;
  -moz-animation: fade-in 2s 6.80s forwards;
  -o-animation: fade-in 2s 6.80s forwards;
  animation: fade-in 2s 6.80s forwards;
}
.Nooo8 {
  opacity: 0;
  -webkit-animation: fade-in 2s 6.85s forwards;
  -moz-animation: fade-in 2s 6.85s forwards;
  -o-animation: fade-in 2s 6.85s forwards;
  animation: fade-in 2s 6.85s forwards;
}
.Nooo9 {
  opacity: 0;
  -webkit-animation: fade-in 2s 7.40s forwards;
  -moz-animation: fade-in 2s 7.40s forwards;
  -o-animation: fade-in 2s 7.40s forwards;
  animation: fade-in 2s 7.40s forwards;
}

.hand-flop {
  display: inline-block;
  -webkit-animation: hand-flop .5s 13.5s forwards;
     -moz-animation: hand-flop .5s 13.5s forwards;
       -o-animation: hand-flop .5s 13.5s forwards;
          animation: hand-flop .5s 13.5s forwards;
}
@-webkit-keyframes hand-flop{
    0% { -webkit-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); opacity:1; text-shadow:-2px 00px 2px #878787; }
   50% { -webkit-transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); opacity:1; text-shadow:-4px 07px 2px #878787; }
  100% { -webkit-transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); opacity:0; text-shadow: 2px 01px 2px #878787; }
}
@-moz-keyframes hand-flop{
    0% { -moz-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); opacity:1; text-shadow:-2px 00px 2px #878787; }
   50% { -moz-transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); opacity:1; text-shadow:-4px 07px 2px #878787; }
  100% { -moz-transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); opacity:0; text-shadow: 2px 01px 2px #878787; }
}
@-o-keyframes hand-flop{
    0% { transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); opacity:1; text-shadow:-2px 00px 2px #878787; }
   50% { transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); opacity:1; text-shadow:-4px 07px 2px #878787; }
  100% { transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); opacity:0; text-shadow: 2px 01px 2px #878787; }
}
@keyframes hand-flop{
    0% { -webkit-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); -moz-transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); transform: rotateX( 00deg) rotate( 00deg) translate( 0.0em, 0.0em); opacity:1; text-shadow:-2px 00px 2px #878787; }
   50% { -webkit-transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); -moz-transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); transform: rotateX( 35deg) rotate( 03deg) translate( 0.7em,-0.5em); opacity:1; text-shadow:-4px 07px 2px #878787; }
  100% { -webkit-transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); -moz-transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); transform: rotateX( 70deg) rotate( 01deg) translate( 1.0em, 0.2em); opacity:0; text-shadow: 2px 01px 2px #878787; }
}

#yirp {
  width: 13em;
  font-family: Flavors, Cracked, Chalkduster, 'Futura Condensed', 'Comic Sans MS', sans-serif;
  font-size: 27px;
  -webkit-transform: rotate(-50deg) rotateX(33deg) rotateY(33deg);
     -moz-transform: rotate(-50deg) rotateX(33deg) rotateY(33deg);
          transform: rotate(-50deg) rotateX(33deg) rotateY(33deg);
}
.yirp-stretch {
  -webkit-animation: stretch7px .08s 14.60s forwards;
     -moz-animation: stretch7px .08s 14.60s forwards;
       -o-animation: stretch7px .08s 14.60s forwards;
          animation: stretch7px .08s 14.60s forwards;
}

#thatwasfermina{
-webkit-transform:rotate(-50deg) rotateX(33deg) rotateY(33deg);
   -moz-transform:rotate(-50deg) rotateX(33deg) rotateY(33deg);
    -ms-transform:rotate(-50deg) rotateX(33deg) rotateY(33deg);
     -o-transform:rotate(-50deg) rotateX(33deg) rotateY(33deg);
        transform:rotate(-50deg) rotateX(33deg) rotateY(33deg);
}

.pop {
  position: relative;
  right: -3.5em;
  top: -13.4em;
  opacity: 0;
  -webkit-transform:translate(0,0);
     -moz-transform:translate(0,0);
      -ms-transform:translate(0,0);
       -o-transform:translate(0,0);
          transform:translate(0,0);
  -webkit-animation: pop 0.80s 14.10s ease-out forwards;
     -moz-animation: pop 0.80s 14.10s ease-out forwards;
       -o-animation: pop 0.80s 14.10s ease-out forwards;
          animation: pop 0.80s 14.10s ease-out forwards;
}

@-webkit-keyframes pop {
   05% {-webkit-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
   60% {-webkit-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
  100% {-webkit-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:0;}
}

@-moz-keyframes pop {
   05% {-moz-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
   60% {-moz-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
  100% {-moz-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:0;}
}
@-o-keyframes pop {
   05% {-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
   60% {-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
  100% {-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:0;}
}
@keyframes pop {
   05% {-webkit-transform:translate(2.35em, -1.00em);-moz-transform:translate(2.35em, -1.00em);-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
   60% {-webkit-transform:translate(2.35em, -1.00em);-moz-transform:translate(2.35em, -1.00em);-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:1;}
  100% {-webkit-transform:translate(2.35em, -1.00em);-moz-transform:translate(2.35em, -1.00em);-o-transform:translate(2.35em, -1.00em);transform:translate(2.35em, -1.00em); opacity:0;}
}