.courier { /* this chapter only */
  font-family: 'Courier Prime', 'Courier New', Courier, monospace;
}

.roll1 {
  display:inline-block;
  -webkit-animation: roll1 1.0s linear forwards;
     -moz-animation: roll1 1.0s linear forwards;
       -o-animation: roll1 1.0s linear forwards;
          animation: roll1 1.0s linear forwards;
}
.roll2 {
  display:inline-block;
  -webkit-animation: roll2 1.0s 0.05s linear forwards;
     -moz-animation: roll2 1.0s 0.05s linear forwards;
       -o-animation: roll2 1.0s 0.05s linear forwards;
          animation: roll2 1.0s 0.05s linear forwards;
}

/* webkit keyframes difrent. iphone/safari wont animate font-size [ animate scale instead ] */
@-webkit-keyframes roll1 {
   50% {-webkit-transform: skewX(-30deg) skewY( 20deg);transform: skewX(-30deg) skewY( 20deg) scale(1.50)}
  100% {-webkit-transform: skewX( 10deg) skewY( 10deg);transform: skewX( 10deg) skewY( 10deg) scale(1.00)}
}
@-moz-keyframes roll1 {
   50% {-moz-transform: skewX(-30deg) skewY( 20deg);transform: skewX(-30deg) skewY( 20deg); font-size: 150%;}
  100% {-moz-transform: skewX( 10deg) skewY( 10deg);transform: skewX( 10deg) skewY( 10deg); font-size: 100%;}
}
@-o-keyframes roll1 {
   50% {-o-transform: skewX(-30deg) skewY( 20deg);transform: skewX(-30deg) skewY( 20deg); font-size: 150%;}
  100% {-o-transform: skewX( 10deg) skewY( 10deg);transform: skewX( 10deg) skewY( 10deg); font-size: 100%;}
}
@keyframes roll1 {
   50% {-webkit-transform: skewX(-30deg) skewY( 20deg);-moz-transform: skewX(-30deg) skewY( 20deg);-o-transform: skewX(-30deg) skewY( 20deg);transform: skewX(-30deg) skewY( 20deg); font-size: 150%;}
  100% {-webkit-transform: skewX( 10deg) skewY( 10deg);-moz-transform: skewX( 10deg) skewY( 10deg);-o-transform: skewX( 10deg) skewY( 10deg);transform: skewX( 10deg) skewY( 10deg); font-size: 100%;}
}

/* webkit keyframes difrent. iphone/safari wont animate font-size [ scale instead ] */
@-webkit-keyframes roll2 {
   50% {-webkit-transform: skewX(-25deg) skewY(-30deg);transform: skewX(-25deg) skewY(-30deg) scale(1.50)}
  100% {-webkit-transform: skewX(-08deg) skewY(-07deg);transform: skewX(-08deg) skewY(-07deg) scale(1.00)}
}
@-moz-keyframes roll2 {
   50% {-moz-transform: skewX(-25deg) skewY(-30deg);transform: skewX(-25deg) skewY(-30deg); font-size: 150%;}
  100% {-moz-transform: skewX(-08deg) skewY(-07deg);transform: skewX(-08deg) skewY(-07deg); font-size: 100%;}
}
@-o-keyframes roll2 {
   50% {-o-transform: skewX(-25deg) skewY(-30deg);transform: skewX(-25deg) skewY(-30deg); font-size: 150%;}
  100% {-o-transform: skewX(-08deg) skewY(-07deg);transform: skewX(-08deg) skewY(-07deg); font-size: 100%;}
}
@keyframes roll2 {
   50% {-webkit-transform: skewX(-25deg) skewY(-30deg);-moz-transform: skewX(-25deg) skewY(-30deg);-o-transform: skewX(-25deg) skewY(-30deg);transform: skewX(-25deg) skewY(-30deg); font-size: 150%;}
  100% {-webkit-transform: skewX(-08deg) skewY(-07deg);-moz-transform: skewX(-08deg) skewY(-07deg);-o-transform: skewX(-08deg) skewY(-07deg);transform: skewX(-08deg) skewY(-07deg); font-size: 100%;}
}

.simulconvee {
  width: 93%;
  margin-left: 2.0em;
  font-size:93%;
  margin-top:.2%;
  line-height:110%;
}

.simulconvee-left {
  width: 75%;
  margin-left: 2.0em;
  margin-top:.2%;
  font-size:93%;
  line-height:110%;
}

.simulconvee-left-start {
  width: 75%;
  margin-left: 2.0em;
  margin-top:0.75%;
  font-size:93%;
  line-height:110%;
}

.simulconvee-left2 {
  width: 75%;
  margin-left: 2.0em;
  font-size:93%;
  line-height:110%;
  margin-top:-5px;
  margin-bottom:6px;
}

.simulconvee-right {
  width: 65%;
  margin-left: 17.5em;
  font-size:93%;
  margin-top:-2.9%;
  line-height:110%;
}

.simulconvee-right-start {
  width: 65%;
  margin-left: 17.5em;
  font-size:93%;
  margin-top:-2.3%;
  line-height:110%;
}

.simulconvee-right2 {
  width: 65%;
  margin-left: 17.5em;
  font-size:93%;
  margin-top:-3.35%;
  margin-bottom: 0.78%;
  line-height:110%;
}

.simulaction {
  width: 90%;
  margin-left: 2.0em;
  font-size:96%;
  margin-top:5px;
  margin-bottom:4px;
  padding-bottom:3px;
  line-height:111%;
}

/* left arrow and right arrow used in simulconvee, when speaker shifting from one side of convee to other */
.left-arrow {
  display:inline-block;
  text-indent:0;
  letter-spacing:-3px;
  opacity:0.90;
  -webkit-transform-origin:20% 68%;
     -moz-transform-origin:-10% 45%;
      -ms-transform-origin:-10% 45%;
       -o-transform-origin:-10% 45%;
          transform-origin:-10% 45%;
  -webkit-transform:scale(0.55,1.70) translateX(1px);
     -moz-transform:scale(0.70,1.10);
      -ms-transform:scale(0.70,1.10);
       -o-transform:scale(0.70,1.10);
          transform:scale(0.70,1.10);
}

.right-arrow {
  display:inline-block;
  text-indent:0;
  letter-spacing:-1px;
  opacity:0.90;
  -webkit-transform-origin:10% 68%;
     -moz-transform-origin:left 45%;
      -ms-transform-origin:left 45%;
       -o-transform-origin:left 45%;
          transform-origin:left 45%;
  -webkit-transform:scale(0.55,1.70) translateX(1px);
     -moz-transform:scale(0.70,1.10);
      -ms-transform:scale(0.70,1.10);
       -o-transform:scale(0.70,1.10);
          transform:scale(0.70,1.10);
}
.drift1 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: drifta 1.75s 0.00s ease-in forwards;
     -moz-animation: drifta 1.75s 0.00s ease-in forwards;
       -o-animation: drifta 1.75s 0.00s ease-in forwards;
          animation: drifta 1.75s 0.00s ease-in forwards;
}

.drift2 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: drifta 1.55s 0.07s ease-in forwards;
     -moz-animation: drifta 1.55s 0.07s ease-in forwards;
       -o-animation: drifta 1.55s 0.07s ease-in forwards;
          animation: drifta 1.55s 0.07s ease-in forwards;
}

.drift3 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: driftb 1.35s 0.14s ease-in forwards;
     -moz-animation: driftb 1.35s 0.14s ease-in forwards;
       -o-animation: driftb 1.35s 0.14s ease-in forwards;
          animation: driftb 1.35s 0.14s ease-in forwards;
}

.drift4 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: driftc 1.40s 0.21s ease-in forwards;
     -moz-animation: driftc 1.40s 0.21s ease-in forwards;
       -o-animation: driftc 1.40s 0.21s ease-in forwards;
          animation: driftc 1.40s 0.21s ease-in forwards;
}

.drift5 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: drifta 1.41s 0.28s ease-in forwards;
     -moz-animation: drifta 1.41s 0.28s ease-in forwards;
       -o-animation: drifta 1.41s 0.28s ease-in forwards;
          animation: drifta 1.41s 0.28s ease-in forwards;
}

@-webkit-keyframes drifta {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   70% {-webkit-transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
}
@-moz-keyframes drifta {
    0% {-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   70% {-moz-transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
  100% {-moz-transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
}
@-o-keyframes drifta {
    0% {transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   70% {transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
  100% {transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
}
@keyframes drifta {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   70% {-webkit-transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9);-moz-transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.20em,-0.73em) rotate( 07deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9);-moz-transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9);transform: translate( 0.22em,-0.63em) rotate( 05deg) rotateX(018deg) scale(0.9,0.9); opacity:.8;}
}

@-webkit-keyframes driftb {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   69% {-webkit-transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9);transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9);transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9); opacity:.8;}
}
@-moz-keyframes driftb {
    0% {-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   69% {-moz-transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9);transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9); opacity:.8;}
  100% {-moz-transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9);transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9); opacity:.8;}
}
@-o-keyframes driftb {
    0% {transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   69% {transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9); opacity:.8;}
  100% {transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9); opacity:.8;}
}
@keyframes driftb {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   69% {-webkit-transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9);-moz-transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9);transform: translate( 0.25em,-0.78em) rotate( 06deg) rotateX(020deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9);-moz-transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9);transform: translate( 0.29em,-0.66em) rotate( 05deg) rotateX(021deg) scale(0.9,0.9); opacity:.8;}
}

@-webkit-keyframes driftc {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   68% {-webkit-transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9);transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9);transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9); opacity:.8;}
}
@-moz-keyframes driftc {
    0% {-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   68% {-moz-transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9);transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9); opacity:.8;}
  100% {-moz-transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9);transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9); opacity:.8;}
}
@-o-keyframes driftc {
    0% {transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   68% {transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9); opacity:.8;}
  100% {transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9); opacity:.8;}
}
@keyframes driftc {
    0% {-webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);-moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0);transform: translate( 0.00em, 0.00em) rotate( 00deg) rotateX(000deg) scale(1.0,1.0); opacity: 1;}
   68% {-webkit-transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9);-moz-transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9);transform: translate( 0.20em,-0.75em) rotate(-07deg) rotateX(022deg) scale(0.9,0.9); opacity:.8;}
  100% {-webkit-transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9);-moz-transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9);transform: translate( 0.25em,-0.60em) rotate(-06deg) rotateX(023deg) scale(0.9,0.9); opacity:.8;}
}

.shiftup {
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  -webkit-transform-origin: left bottom;
     -moz-transform-origin: left bottom;
      -ms-transform-origin: left bottom;
       -o-transform-origin: left bottom;
          transform-origin: left bottom;
  -webkit-transform: scale(0.9) translate(00px,-00px);
     -moz-transform: scale(0.9) translate(00px,-00px);
      -ms-transform: scale(0.9) translate(00px,-00px);
       -o-transform: scale(0.9) translate(00px,-00px);
          transform: scale(0.9) translate(00px,-00px);
  -webkit-animation: shiftup 1.60s 0.78s ease-out forwards;
     -moz-animation: shiftup 1.60s 0.78s ease-out forwards;
       -o-animation: shiftup 1.60s 0.78s ease-out forwards;
          animation: shiftup 1.60s 0.78s ease-out forwards;
}

@-webkit-keyframes shiftup {
  100% {-webkit-transform: scale(1.00) translate(0.0em,-0.53em);transform: scale(1.00) translate(0.0em,-0.53em); letter-spacing:1px;}
}
@-moz-keyframes shiftup {
  100% {-moz-transform: scale(1.00) translate(0.0em,-0.53em);transform: scale(1.00) translate(0.0em,-0.53em); letter-spacing:1px;}
}
@-o-keyframes shiftup {
  100% {-o-transform: scale(1.00) translate(0.0em,-0.53em);transform: scale(1.00) translate(0.0em,-0.53em); letter-spacing:1px;}
}
@keyframes shiftup {
  100% {-webkit-transform: scale(1.00) translate(0.0em,-0.53em);-moz-transform: scale(1.00) translate(0.0em,-0.53em);-o-transform: scale(1.00) translate(0.0em,-0.53em);transform: scale(1.00) translate(0.0em,-0.53em); letter-spacing:1px;}
}

#inlikeaflower{
  display:inline-block;
  text-indent:0;
  opacity:0.8;
  letter-spacing:0;
  -webkit-transform-origin:left 70%;
     -moz-transform-origin:left 70%;
      -ms-transform-origin:left 70%;
       -o-transform-origin:left 70%;
          transform-origin:left 70%;
  -webkit-transform:scale(1.00,1.00);
     -moz-transform:scale(1.00,1.00);
      -ms-transform:scale(1.00,1.00);
       -o-transform:scale(1.00,1.00);
          transform:scale(1.00,1.00);
  -webkit-animation: inlikeaflower 2.00s 3.70s ease-out forwards;
     -moz-animation: inlikeaflower 2.00s 3.70s ease-out forwards;
       -o-animation: inlikeaflower 2.00s 3.70s ease-out forwards;
          animation: inlikeaflower 2.00s 3.70s ease-out forwards;
}

@-webkit-keyframes inlikeaflower {
    100% { letter-spacing:-1px; opacity:0.30; -webkit-transform: scale(0.78,1.35); transform: scale(0.78,1.35);}
}
@-moz-keyframes inlikeaflower {
    100% { letter-spacing:-1px; opacity:0.30; -moz-transform: scale(0.78,1.35); transform: scale(0.78,1.35);}
}
@-o-keyframes inlikeaflower {
    100% { letter-spacing:-1px; opacity:0.30; -o-transform: scale(0.78,1.35); transform: scale(0.78,1.35);}
}
@keyframes inlikeaflower {
    100% { letter-spacing:-1px; opacity:0.30; -webkit-transform: scale(0.78,1.35); -moz-transform: scale(0.78,1.35); -o-transform: scale(0.78,1.35); transform: scale(0.78,1.35);}
}

#outlikeacloud{
  display:inline-block;
  text-indent:0;
  opacity:0;
  letter-spacing:0;
  letter-spacing:-1px;
  -webkit-transform-origin:left 70%;
     -moz-transform-origin:left 70%;
      -ms-transform-origin:left 70%;
       -o-transform-origin:left 70%;
          transform-origin:left 70%;
  -webkit-transform: scale(0.78,1.35) translate(-1.50em,0.10em);
     -moz-transform: scale(0.78,1.35) translate(-1.50em,0.10em);
      -ms-transform: scale(0.78,1.35) translate(-1.50em,0.10em);
       -o-transform: scale(0.78,1.35) translate(-1.50em,0.10em);
          transform: scale(0.78,1.35) translate(-1.50em,0.10em);
  -webkit-animation: outlikeacloud 3.00s 5.00s ease-out forwards;
     -moz-animation: outlikeacloud 3.00s 5.00s ease-out forwards;
       -o-animation: outlikeacloud 3.00s 5.00s ease-out forwards;
          animation: outlikeacloud 3.00s 5.00s ease-out forwards;
}

@-webkit-keyframes outlikeacloud {
   70% {letter-spacing:2px; opacity:0.90; -webkit-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
  100% {letter-spacing:2px; opacity:0.20; -webkit-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
}
@-moz-keyframes outlikeacloud {
   70% {letter-spacing:2px; opacity:0.90; -moz-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
  100% {letter-spacing:2px; opacity:0.20; -moz-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
}
@-o-keyframes outlikeacloud {
   70% {letter-spacing:2px; opacity:0.90; -o-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
  100% {letter-spacing:2px; opacity:0.20; -o-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
}
@keyframes outlikeacloud {
   70% {letter-spacing:2px; opacity:0.90; -webkit-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); -moz-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); -o-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
  100% {letter-spacing:2px; opacity:0.20; -webkit-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); -moz-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); -o-transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em); transform: scale(1.10,0.80) skewX(-23deg) rotate(-07deg) translate(-0.30em,-0.05em);}
}

#gratitude-glow { /* chap 26 only */
  display: inline-block;
  text-indent: 0;
  -webkit-animation: gratitude-glow 3.0s ease-out forwards;
  -moz-animation: gratitude-glow 3.0s ease-out forwards;
  -o-animation: gratitude-glow 3.0s ease-out forwards;
  animation: gratitude-glow 3.0s ease-out forwards;
}
@-moz-keyframes gratitude-glow {
      0% {color:#000000; text-shadow: 0px -0px 0px #ffffff, 0px 0px 0px #ffffff;}
     60% {color:#4C5400; text-shadow: 0px -0px 1px #FFFF00, 0px 0px 10px #EAFF00;}
    100% {color:#2A2E00; text-shadow: 0px -0px 1px #F2FC7E, 1px 0px 2px #F7FF9E;}
}
@-webkit-keyframes gratitude-glow {
      0% {color:#000000; text-shadow: 0px -0px 0px #ffffff, 0px 0px 0px #ffffff;}
     60% {color:#4C5400; text-shadow: 0px -0px 1px #FFFF00, 0px 0px 10px #EAFF00;}
    100% {color:#2A2E00; text-shadow: 0px -0px 1px #F2FC7E, 1px 0px 2px #F7FF9E;}
}
@-o-keyframes gratitude-glow {
      0% {color:#000000; text-shadow: 0px -0px 0px #ffffff, 0px 0px 0px #ffffff;}
     60% {color:#4C5400; text-shadow: 0px -0px 1px #FFFF00, 0px 0px 10px #EAFF00;}
    100% {color:#2A2E00; text-shadow: 0px -0px 1px #F2FC7E, 1px 0px 2px #F7FF9E;}
}
@keyframes gratitude-glow {
      0% {color:#000000; text-shadow: 0px -0px 0px #ffffff, 0px 0px 0px #ffffff;}
     60% {color:#4C5400; text-shadow: 0px -0px 1px #FFFF00, 0px 0px 10px #EAFF00;}
    100% {color:#2A2E00; text-shadow: 0px -0px 1px #F2FC7E, 1px 0px 2px #F7FF9E;}
}

.cloud1 {
    display:inline-block;
    text-indent:0;
    opacity:1.00;
    -webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
       -moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
            transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
    -webkit-animation: cloud1 1.55s 2.00s ease-in forwards;
       -moz-animation: cloud1 1.55s 2.00s ease-in forwards;
         -o-animation: cloud1 1.55s 2.00s ease-in forwards;
            animation: cloud1 1.55s 2.00s ease-in forwards;
}

@-webkit-keyframes cloud1 {
   50% {-webkit-transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.75;}
  100% {-webkit-transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg);transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg); opacity:0.65;}
}
@-moz-keyframes cloud1 {
   50% {-moz-transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.75;}
  100% {-moz-transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg);transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg); opacity:0.65;}
}
@-o-keyframes cloud1 {
   50% {transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.75;}
  100% {transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg); opacity:0.65;}
}
@keyframes cloud1 {
   50% {-webkit-transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);-moz-transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.40em,-0.25em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.75;}
  100% {-webkit-transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg);-moz-transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg);transform: translate(0.70em,-0.10em) rotate(00deg) scale(0.91,0.84) rotateX(20deg); opacity:0.65;}
}

.cloud2 {
    display:inline-block;
    text-indent:0;
    opacity:1.00;
    -webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
       -moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
            transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
    -webkit-animation: cloud2 1.60s 1.90s ease-in forwards;
       -moz-animation: cloud2 1.60s 1.90s ease-in forwards;
         -o-animation: cloud2 1.60s 1.90s ease-in forwards;
            animation: cloud2 1.60s 1.90s ease-in forwards;
}
@-webkit-keyframes cloud2 {
   50% {-webkit-transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.70;}
  100% {-webkit-transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg);transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg); opacity:0.60;}
}
@-moz-keyframes cloud2 {
   50% {-moz-transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.70;}
  100% {-moz-transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg);transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg); opacity:0.60;}
}
@-o-keyframes cloud2 {
   50% {transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.70;}
  100% {transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg); opacity:0.60;}
}
@keyframes cloud2 {
   50% {-webkit-transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);-moz-transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg);transform: translate(0.67em,-0.50em) rotate(10deg) scale(0.91,0.84) rotateX(29deg); opacity:0.70;}
  100% {-webkit-transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg);-moz-transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg);transform: translate(1.17em,-0.20em) rotate(01deg) scale(1.04,0.94) rotateX(25deg); opacity:0.60;}
}

.cloud3 {
  display:inline-block;
  text-indent:0;
  opacity:1.00;
  -webkit-animation: cloud3 1.65s 1.75s ease-in forwards;
     -moz-animation: cloud3 1.65s 1.75s ease-in forwards;
       -o-animation: cloud3 1.65s 1.75s ease-in forwards;
          animation: cloud3 1.65s 1.75s ease-in forwards;
}
@-webkit-keyframes cloud3 {
   50% {-webkit-transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg);transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg); opacity:0.65;}
  100% {-webkit-transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg);transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg); opacity:0.55;}
}
@-moz-keyframes cloud3 {
   50% {-moz-transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg);transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg); opacity:0.65;}
  100% {-moz-transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg);transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg); opacity:0.55;}
}
@-o-keyframes cloud3 {
   50% {transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg); opacity:0.65;}
  100% {transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg); opacity:0.55;}
}
@keyframes cloud3 {
   50% {-webkit-transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg);-moz-transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg);transform: translate(0.90em,-0.78em) rotate(10deg) scale(0.88,0.82) rotateX(33deg); opacity:0.65;}
  100% {-webkit-transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg);-moz-transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg);transform: translate(1.70em,-0.40em) rotate(02deg) scale(0.98,0.92) rotateX(29deg); opacity:0.55;}
}

.cloud4 {
  display:inline-block;
  text-indent:0;
  opacity:1.00;
  -webkit-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
     -moz-transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
          transform: translate( 0.00em, 0.00em) rotate( 00deg) scale(1.00,1.00) rotateX(00deg);
  -webkit-animation: cloud4 1.70s 1.60s ease-in forwards;
     -moz-animation: cloud4 1.70s 1.60s ease-in forwards;
       -o-animation: cloud4 1.70s 1.60s ease-in forwards;
          animation: cloud4 1.70s 1.60s ease-in forwards;
}
@-webkit-keyframes cloud4 {
   50% {-webkit-transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg);transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg); opacity:0.60;}
  100% {-webkit-transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg);transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg); opacity:0.50;}
}
@-moz-keyframes cloud4 {
   50% {-moz-transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg);transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg); opacity:0.60;}
  100% {-moz-transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg);transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg); opacity:0.50;}
}
@-o-keyframes cloud4 {
   50% {transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg); opacity:0.60;}
  100% {transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg); opacity:0.50;}
}
@keyframes cloud4 {
   50% {-webkit-transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg);-moz-transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg);transform: translate(1.10em,-0.90em) rotate(10deg) scale(0.85,0.80) rotateX(38deg); opacity:0.60;}
  100% {-webkit-transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg);-moz-transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg);transform: translate(2.00em,-0.30em) rotate(03deg) scale(0.95,0.80) rotateX(33deg); opacity:0.50;}
}

.cloud5 {
  display:inline-block;
  text-indent:0;
  -webkit-animation: cloud5 1.75s 1.40s linear forwards;
     -moz-animation: cloud5 1.75s 1.40s linear forwards;
       -o-animation: cloud5 1.75s 1.40s linear forwards;
          animation: cloud5 1.75s 1.40s linear forwards;
}
@-webkit-keyframes cloud5 {
     50% {-webkit-transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg);transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg); opacity:0.55;}
    100% {-webkit-transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg);transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg); opacity:0.45;}
}
@-moz-keyframes cloud5 {
     50% {-moz-transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg);transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg); opacity:0.55;}
    100% {-moz-transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg);transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg); opacity:0.45;}
}
@-o-keyframes cloud5 {
     50% {transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg); opacity:0.55;}
    100% {transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg); opacity:0.45;}
}
@keyframes cloud5 {
     50% {-webkit-transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg);-moz-transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg);transform: translate(1.40em,-1.00em) rotate(15deg) scale(0.80,0.75) rotateX(45deg); opacity:0.55;}
    100% {-webkit-transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg);-moz-transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg);transform: translate(2.40em,-0.10em) rotate(04deg) scale(0.95,0.85) rotateX(40deg); opacity:0.45;}
}

.already-are1 {
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:1px;
  -webkit-transform-origin:left bottom;
     -moz-transform-origin:left bottom;
      -ms-transform-origin:left bottom;
       -o-transform-origin:left bottom;
          transform-origin:left bottom;
  -webkit-animation: already-are1 2.0s 3.00s ease-in forwards;
     -moz-animation: already-are1 2.0s 3.00s ease-in forwards;
       -o-animation: already-are1 2.0s 3.00s ease-in forwards;
          animation: already-are1 2.0s 3.00s ease-in forwards;
}

@-webkit-keyframes already-are1 {
  100% { -webkit-transform: translateX(0.80em); transform: translateX(0.80em); letter-spacing:6px; opacity: 0.6;}
}
@-moz-keyframes already-are1 {
  100% { -moz-transform: translateX(0.80em); transform: translateX(0.80em); letter-spacing:6px; opacity: 0.6;}
}
@-o-keyframes already-are1 {
  100% { -o-transform: translateX(0.80em); transform: translateX(0.80em); letter-spacing:6px; opacity: 0.6;}
}
@keyframes already-are1 {
  100% { -webkit-transform: translateX(0.80em); -moz-transform: translateX(0.80em); -o-transform: translateX(0.80em); transform: translateX(0.80em); letter-spacing:6px; opacity: 0.6;}
}

.already-are2 {
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:2px;
  -webkit-transform-origin:left bottom;
     -moz-transform-origin:left bottom;
      -ms-transform-origin:left bottom;
       -o-transform-origin:left bottom;
          transform-origin:left bottom;
  -webkit-animation: already-are2 2.35s 3.30s ease-in-out forwards;
     -moz-animation: already-are2 2.35s 3.30s ease-in-out forwards;
       -o-animation: already-are2 2.35s 3.30s ease-in-out forwards;
          animation: already-are2 2.35s 3.30s ease-in-out forwards;
}

@-webkit-keyframes already-are2 {
  100% { -webkit-transform: translateX(1.33em); transform: translateX(1.33em); letter-spacing:9px; opacity: 0.5;}
}
@-moz-keyframes already-are2 {
  100% { -moz-transform: translateX(1.33em); transform: translateX(1.33em); letter-spacing:9px; opacity: 0.5;}
}
@-o-keyframes already-are2 {
  100% { -o-transform: translateX(1.33em); transform: translateX(1.33em); letter-spacing:9px; opacity: 0.5;}
}
@keyframes already-are2 {
  100% { -webkit-transform: translateX(1.33em); -moz-transform: translateX(1.33em); -o-transform: translateX(1.33em); transform: translateX(1.33em); letter-spacing:9px; opacity: 0.5;}
}

.already-are3 {
  opacity:0;
  display:inline-block;
  text-indent:0;
  letter-spacing:3px;
  -webkit-transform-origin:left bottom;
     -moz-transform-origin:left bottom;
      -ms-transform-origin:left bottom;
       -o-transform-origin:left bottom;
          transform-origin:left bottom;
  -webkit-animation: already-are3 2.67s 3.60s ease-in-out forwards;
     -moz-animation: already-are3 2.67s 3.60s ease-in-out forwards;
       -o-animation: already-are3 2.67s 3.60s ease-in-out forwards;
          animation: already-are3 2.67s 3.60s ease-in-out forwards;
}

@-webkit-keyframes already-are3 {
  100% { -webkit-transform: translateX(1.88em); transform: translateX(1.88em); letter-spacing:12px; opacity: 0.4;}
}
@-moz-keyframes already-are3 {
  100% { -moz-transform: translateX(1.88em); transform: translateX(1.88em); letter-spacing:12px; opacity: 0.4;}
}
@-o-keyframes already-are3 {
  100% { -o-transform: translateX(1.88em); transform: translateX(1.88em); letter-spacing:12px; opacity: 0.4;}
}
@keyframes already-are3 {
  100% { -webkit-transform: translateX(1.88em); -moz-transform: translateX(1.88em); -o-transform: translateX(1.88em); transform: translateX(1.88em); letter-spacing:12px; opacity: 0.4;}
}