/* copied yugi-rumble ids from chap 23 */

.drunkshout1{
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  text-shadow:0px 0px 0px #878787;
  -webkit-transform-origin:33% bottom;
     -moz-transform-origin:33% bottom;
      -ms-transform-origin:33% bottom;
       -o-transform-origin:33% bottom;
          transform-origin:33% bottom;
  -webkit-animation: drunkshoutA 1.8s ease-in forwards;
     -moz-animation: drunkshoutA 1.8s ease-in forwards;
       -o-animation: drunkshoutA 1.8s ease-in forwards;
          animation: drunkshoutA 1.8s ease-in forwards;
}
.drunkshout2{
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  text-shadow:0px 0px 0px #878787;
  -webkit-transform-origin:13% bottom;
     -moz-transform-origin:13% bottom;
      -ms-transform-origin:13% bottom;
       -o-transform-origin:13% bottom;
          transform-origin:13% bottom;
  -webkit-animation: drunkshoutB 1.90s ease-in forwards;
     -moz-animation: drunkshoutB 1.90s ease-in forwards;
       -o-animation: drunkshoutB 1.90s ease-in forwards;
          animation: drunkshoutB 1.90s ease-in forwards;
}
.drunkshout3{
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  text-shadow:0px 0px 0px #878787;
  -webkit-transform-origin:13% bottom;
     -moz-transform-origin:13% bottom;
      -ms-transform-origin:13% bottom;
       -o-transform-origin:13% bottom;
          transform-origin:13% bottom;
  -webkit-animation: drunkshoutC 2.0s ease-in forwards;
     -moz-animation: drunkshoutC 2.0s ease-in forwards;
       -o-animation: drunkshoutC 2.0s ease-in forwards;
          animation: drunkshoutC 2.0s ease-in forwards;
}

@-webkit-keyframes drunkshoutA {
    29% {-webkit-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);transform: scale(1.30) translate(07px,-1px) skewX(-35deg); opacity:1; text-shadow:-3px 1px 1px #878787; letter-spacing:0.10em;}
    58% {-webkit-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);transform: scale(1.00) translate(00px,-0px) skewX( 06deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);transform: scale(1.00) translate(02px,-0px) skewX(-03deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);transform: scale(1.00) translate(02px,-0px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
   100% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);transform: scale(1.00) translate(02px,-0px) skewX(-01deg); opacity:1; text-shadow: 1px 0px 1px #878787;}/* same as 84%. end animation early */
}
@-moz-keyframes drunkshoutA {
    29% {-moz-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);transform: scale(1.30) translate(07px,-1px) skewX(-35deg); opacity:1; text-shadow:-3px 1px 1px #878787; letter-spacing:0.10em;}
    58% {-moz-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);transform: scale(1.00) translate(00px,-0px) skewX( 06deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-moz-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);transform: scale(1.00) translate(02px,-0px) skewX(-03deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-moz-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);transform: scale(1.00) translate(02px,-0px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
   100% {-moz-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);transform: scale(1.00) translate(02px,-0px) skewX(-01deg); opacity:1; text-shadow: 1px 0px 1px #878787;}/* same as 84%. end animation early */
}
@-o-keyframes drunkshoutA {
    29% {-o-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);transform: scale(1.30) translate(07px,-1px) skewX(-35deg); opacity:1; text-shadow:-3px 1px 1px #878787; letter-spacing:0.10em;}
    58% {-o-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);transform: scale(1.00) translate(00px,-0px) skewX( 06deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-o-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);transform: scale(1.00) translate(02px,-0px) skewX(-03deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-o-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);transform: scale(1.00) translate(02px,-0px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
   100% {-o-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);transform: scale(1.00) translate(02px,-0px) skewX(-01deg); opacity:1; text-shadow: 1px 0px 1px #878787;}/* same as 84%. end animation early */
}
@keyframes drunkshoutA {
    29% {-webkit-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);-moz-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);-o-transform: scale(1.30) translate(07px,-1px) skewX(-35deg);transform: scale(1.30) translate(07px,-1px) skewX(-35deg); opacity:1; text-shadow:-3px 1px 1px #878787; letter-spacing:0.10em;}
    58% {-webkit-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);-moz-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);-o-transform: scale(1.00) translate(00px,-0px) skewX( 06deg);transform: scale(1.00) translate(00px,-0px) skewX( 06deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);-moz-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);-o-transform: scale(1.00) translate(02px,-0px) skewX(-03deg);transform: scale(1.00) translate(02px,-0px) skewX(-03deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);-moz-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);-o-transform: scale(1.00) translate(02px,-0px) skewX( 02deg);transform: scale(1.00) translate(02px,-0px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
   100% {-webkit-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);-moz-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);-o-transform: scale(1.00) translate(02px,-0px) skewX(-01deg);transform: scale(1.00) translate(02px,-0px) skewX(-01deg); opacity:1; text-shadow: 1px 0px 1px #878787;}/* same as 84%. end animation early */
}

@-webkit-keyframes drunkshoutB {
    29% {-webkit-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);transform: scale(1.44) translate(09px,-3px) skewX(-38deg); opacity:1; text-shadow:-4px 3px 2px #878787; letter-spacing:0.15em;}
    58% {-webkit-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);transform: scale(1.10) translate(00px, 1px) skewX( 08deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);transform: scale(1.07) translate(02px, 1px) skewX(-04deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);transform: scale(1.07) translate(02px, 1px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);transform: scale(1.07) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);transform: scale(1.07) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@-moz-keyframes drunkshoutB {
    29% {-moz-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);transform: scale(1.44) translate(09px,-3px) skewX(-38deg); opacity:1; text-shadow:-4px 3px 2px #878787; letter-spacing:0.15em;}
    58% {-moz-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);transform: scale(1.10) translate(00px, 1px) skewX( 08deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-moz-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);transform: scale(1.07) translate(02px, 1px) skewX(-04deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-moz-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);transform: scale(1.07) translate(02px, 1px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-moz-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);transform: scale(1.07) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-moz-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);transform: scale(1.07) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@-o-keyframes drunkshoutB {
    29% {-o-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);transform: scale(1.44) translate(09px,-3px) skewX(-38deg); opacity:1; text-shadow:-4px 3px 2px #878787; letter-spacing:0.15em;}
    58% {-o-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);transform: scale(1.10) translate(00px, 1px) skewX( 08deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-o-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);transform: scale(1.07) translate(02px, 1px) skewX(-04deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-o-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);transform: scale(1.07) translate(02px, 1px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-o-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);transform: scale(1.07) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-o-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);transform: scale(1.07) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@keyframes drunkshoutB {
    29% {-webkit-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);-moz-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);-o-transform: scale(1.44) translate(09px,-3px) skewX(-38deg);transform: scale(1.44) translate(09px,-3px) skewX(-38deg); opacity:1; text-shadow:-4px 3px 2px #878787; letter-spacing:0.15em;}
    58% {-webkit-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);-moz-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);-o-transform: scale(1.10) translate(00px, 1px) skewX( 08deg);transform: scale(1.10) translate(00px, 1px) skewX( 08deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);-moz-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);-o-transform: scale(1.07) translate(02px, 1px) skewX(-04deg);transform: scale(1.07) translate(02px, 1px) skewX(-04deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);-moz-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);-o-transform: scale(1.07) translate(02px, 1px) skewX( 02deg);transform: scale(1.07) translate(02px, 1px) skewX( 02deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);-moz-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);-o-transform: scale(1.07) translate(02px, 1px) skewX(-01deg);transform: scale(1.07) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-webkit-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);-moz-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);-o-transform: scale(1.07) translate(02px, 1px) skewX( 00deg);transform: scale(1.07) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}

@-webkit-keyframes drunkshoutC {
    29% {-webkit-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);transform: scale(1.60) translate(11px,-3px) skewX(-41deg); opacity:1; text-shadow:-5px 3px 2px #878787; letter-spacing:0.20em;}
    58% {-webkit-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);transform: scale(1.10) translate(00px, 1px) skewX( 09deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);transform: scale(1.10) translate(02px, 1px) skewX(-05deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);transform: scale(1.10) translate(02px, 1px) skewX( 03deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);transform: scale(1.10) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);transform: scale(1.10) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@-moz-keyframes drunkshoutC {
    29% {-moz-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);transform: scale(1.60) translate(11px,-3px) skewX(-41deg); opacity:1; text-shadow:-5px 3px 2px #878787; letter-spacing:0.20em;}
    58% {-moz-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);transform: scale(1.10) translate(00px, 1px) skewX( 09deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-moz-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);transform: scale(1.10) translate(02px, 1px) skewX(-05deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-moz-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);transform: scale(1.10) translate(02px, 1px) skewX( 03deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-moz-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);transform: scale(1.10) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-moz-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);transform: scale(1.10) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@-o-keyframes drunkshoutC {
    29% {-o-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);transform: scale(1.60) translate(11px,-3px) skewX(-41deg); opacity:1; text-shadow:-5px 3px 2px #878787; letter-spacing:0.20em;}
    58% {-o-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);transform: scale(1.10) translate(00px, 1px) skewX( 09deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-o-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);transform: scale(1.10) translate(02px, 1px) skewX(-05deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-o-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);transform: scale(1.10) translate(02px, 1px) skewX( 03deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-o-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);transform: scale(1.10) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-o-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);transform: scale(1.10) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}
@keyframes drunkshoutC {
    29% {-webkit-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);-moz-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);-o-transform: scale(1.60) translate(11px,-3px) skewX(-41deg);transform: scale(1.60) translate(11px,-3px) skewX(-41deg); opacity:1; text-shadow:-5px 3px 2px #878787; letter-spacing:0.20em;}
    58% {-webkit-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);-moz-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);-o-transform: scale(1.10) translate(00px, 1px) skewX( 09deg);transform: scale(1.10) translate(00px, 1px) skewX( 09deg); opacity:1; text-shadow: 1px 0px 1px #878787; letter-spacing:0;}
    74% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);-moz-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);-o-transform: scale(1.10) translate(02px, 1px) skewX(-05deg);transform: scale(1.10) translate(02px, 1px) skewX(-05deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
    84% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);-moz-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);-o-transform: scale(1.10) translate(02px, 1px) skewX( 03deg);transform: scale(1.10) translate(02px, 1px) skewX( 03deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
    93% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);-moz-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);-o-transform: scale(1.10) translate(02px, 1px) skewX(-01deg);transform: scale(1.10) translate(02px, 1px) skewX(-01deg); opacity:1; text-shadow:-1px 0px 0px #878787;}  
   100% {-webkit-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);-moz-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);-o-transform: scale(1.10) translate(02px, 1px) skewX( 00deg);transform: scale(1.10) translate(02px, 1px) skewX( 00deg); opacity:1; text-shadow: 1px 0px 1px #878787;}
}

.chaucer {
    font-family: PlainBlack, cursive;
    font-size:175%;
    position:relative;
    top: 5px;
    letter-spacing:1px;
}

.chaucer-tight {
    font-family: PlainBlack, cursive;
    font-size:175%;
    position:relative;
    top: 5px;
    letter-spacing:-3px;
}

/* fade-grow class and keyframes used in this chapter only */
.fade-grow {
  display:inline-block;
  text-indent:0;
  opacity:0;
  -webkit-transform-origin:30% bottom;
     -moz-transform-origin:30% bottom;
      -ms-transform-origin:30% bottom;
       -o-transform-origin:30% bottom;
          transform-origin:30% bottom;
  -webkit-transform:scale(0.90);
     -moz-transform:scale(0.90);
      -ms-transform:scale(0.90);
       -o-transform:scale(0.90);
          transform:scale(0.90);
  -webkit-animation:fade-grow 1.15s linear forwards;
     -moz-animation:fade-grow 1.15s linear forwards;
       -o-animation:fade-grow 1.15s linear forwards;
          animation:fade-grow 1.15s linear forwards;
}

@-webkit-keyframes fade-grow {
     67% {-webkit-transform:scale(1.03);transform:scale(1.03); opacity:0.5; word-spacing:2px;}
    100% {-webkit-transform:scale(1.00);transform:scale(1.00); opacity:1.0;}
}
@-moz-keyframes fade-grow {
     67% {-moz-transform:scale(1.03);transform:scale(1.03); opacity:0.5; word-spacing:2px;}
    100% {-moz-transform:scale(1.00);transform:scale(1.00); opacity:1.0;}
}
@-o-keyframes fade-grow {
     67% {-o-transform:scale(1.03);transform:scale(1.03); opacity:0.5; word-spacing:2px;}
    100% {-o-transform:scale(1.00);transform:scale(1.00); opacity:1.0;}
}
@keyframes fade-grow {
     67% {-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03); opacity:0.5; word-spacing:2px;}
    100% {-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-o-transform:scale(1.00);transform:scale(1.00); opacity:1.0;}
}

/* copied from chapter 23 */
#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;
}