@font-face {
    font-family: 'Linux Biolinum O';
    src: url('../fonts/linbiolinum_r-webfont.eot');
    src: url('../fonts/linbiolinum_r-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/linbiolinum_r-webfont.woff') format('woff'),
         url('../fonts/linbiolinum_r-webfont.ttf') format('truetype'),
         url('../fonts/linbiolinum_r-webfont.svg#linux_biolinum_oregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Linux Biolinum O italic';
    src: url('../fonts/linbiolinum_ri-webfont.eot');
    src: url('../fonts/linbiolinum_ri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/linbiolinum_ri-webfont.woff') format('woff'),
         url('../fonts/linbiolinum_ri-webfont.ttf') format('truetype'),
         url('../fonts/linbiolinum_ri-webfont.svg#linux_biolinum_oitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Charis SIL';
    src: url('../fonts/charissil-bi-webfont.eot');
    src: url('../fonts/charissil-bi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/charissil-bi-webfont.woff2') format('woff2'),
         url('../fonts/charissil-bi-webfont.woff') format('woff'),
         url('../fonts/charissil-bi-webfont.ttf') format('truetype'),
         url('../fonts/charissil-bi-webfont.svg#charis_silbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Kingthings Trypewriter 2';
    src: url('../fonts/Kingthings_Trypewriter_2-webfont.eot');
    src: url('../fonts/Kingthings_Trypewriter_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.woff') format('woff'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.ttf') format('truetype'),
         url('../fonts/Kingthings_Trypewriter_2-webfont.svg#kingthings_trypewriter_2Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}


#tutorial-title {
    /* for the chapter title */
    margin-top:25px;
    margin-bottom:70px;
    font-size: 40px;
    text-align: center;
    font-family: Averia, 'Averia Serif', 'Oldstyle 1', Charis SIL, Georgia, serif;
    z-index:11;
}

#washintong-tutorial {
  left:10.33em; top:-1.6em; z-index:1;
  display:block !important;
  right:20em;

}
/***** swoon paragraph: homepage. [ copied from chap 1 ] */
/* dim0-14, dim-outs found in master css file. used in 4 chapters, */
.tingle0 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .6s 4.0s linear 45 alternate;
     -moz-animation: opacity-0_2 .6s 4.0s linear 45 alternate;
       -o-animation: opacity-0_2 .6s 4.0s linear 45 alternate;
          animation: opacity-0_2 .6s 4.0s linear 45 alternate;
}

.tingle1 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .6s 4.1s linear 45 alternate;
     -moz-animation: opacity-0_2 .6s 4.1s linear 45 alternate;
       -o-animation: opacity-0_2 .6s 4.1s linear 45 alternate;
          animation: opacity-0_2 .6s 4.1s linear 45 alternate;
}

.tingle2 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .5s 4.2s linear 45 alternate;
     -moz-animation: opacity-0_2 .5s 4.2s linear 45 alternate;
       -o-animation: opacity-0_2 .5s 4.2s linear 45 alternate;
          animation: opacity-0_2 .5s 4.2s linear 45 alternate;
}

.tingle3 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .6s 4.3s linear 45 alternate;
     -moz-animation: opacity-0_2 .6s 4.3s linear 45 alternate;
       -o-animation: opacity-0_2 .6s 4.3s linear 45 alternate;
          animation: opacity-0_2 .6s 4.3s linear 45 alternate;
}

.tingle4 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .7s 4.4s linear 45 alternate;
     -moz-animation: opacity-0_2 .7s 4.4s linear 45 alternate;
       -o-animation: opacity-0_2 .7s 4.4s linear 45 alternate;
          animation: opacity-0_2 .7s 4.4s linear 45 alternate;
}

.tingle5 {
  display:inline-block; text-indent:0;
  -webkit-animation: opacity-0_2 .6s 4.5s linear 45 alternate;
     -moz-animation: opacity-0_2 .6s 4.5s linear 45 alternate;
       -o-animation: opacity-0_2 .6s 4.5s linear 45 alternate;
          animation: opacity-0_2 .6s 4.5s linear 45 alternate;
}


.wobble0 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble1 1.20s 5.80s linear 21 alternate forwards;
     -moz-animation: wobble1 1.20s 5.80s linear 21 alternate forwards;
       -o-animation: wobble1 1.20s 5.80s linear 21 alternate forwards;
          animation: wobble1 1.20s 5.80s linear 21 alternate forwards;
}

.wobble1 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble1 1.20s 5.00s linear 21 alternate forwards;
     -moz-animation: wobble1 1.20s 5.00s linear 21 alternate forwards;
       -o-animation: wobble1 1.20s 5.00s linear 21 alternate forwards;
          animation: wobble1 1.20s 5.00s linear 21 alternate forwards;
}

.wobble2 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble2 1.00s 5.10s linear 27 alternate forwards;
     -moz-animation: wobble2 1.00s 5.10s linear 27 alternate forwards;
       -o-animation: wobble2 1.00s 5.10s linear 27 alternate forwards;
          animation: wobble2 1.00s 5.10s linear 27 alternate forwards;
}

.wobble3 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble3 1.00s 5.40s linear 27 alternate forwards;
     -moz-animation: wobble3 1.00s 5.40s linear 27 alternate forwards;
       -o-animation: wobble3 1.00s 5.40s linear 27 alternate forwards;
          animation: wobble3 1.00s 5.40s linear 27 alternate forwards;
}

.wobble4 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble4 1.00s 5.50s linear 27 alternate forwards;
     -moz-animation: wobble4 1.00s 5.50s linear 27 alternate forwards;
       -o-animation: wobble4 1.00s 5.50s linear 27 alternate forwards;
          animation: wobble4 1.00s 5.50s linear 27 alternate forwards;
}

.wobble5 {
  display:inline-block; text-indent:0;
  text-indent: 0;
  -webkit-animation: wobble1 1.00s 5.60s linear 27 alternate forwards;
     -moz-animation: wobble1 1.00s 5.60s linear 27 alternate forwards;
       -o-animation: wobble1 1.00s 5.60s linear 27 alternate forwards;
          animation: wobble1 1.00s 5.60s linear 27 alternate forwards;
}
@-webkit-keyframes wobble1 {100% {-webkit-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);}}
@-moz-keyframes wobble1 {100% {-moz-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);}}
@-o-keyframes wobble1 {100% {-o-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);}}
@keyframes wobble1 {100% {-webkit-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);-moz-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);-o-transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);transform: translate( 0.20em,-0.05em) skew(-15deg, 00deg) rotate( 03deg);}}
@-webkit-keyframes wobble2 {100% {-webkit-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);}}
@-moz-keyframes wobble2 {100% {-moz-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);}}
@-o-keyframes wobble2 {100% {-o-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);}}
@keyframes wobble2 {100% {-webkit-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);-moz-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);-o-transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);transform: translate( 0.15em, 0.04em) skew( 07deg, 10deg) rotate(-01deg);}}
@-webkit-keyframes wobble3 {100% {-webkit-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);}}
@-moz-keyframes wobble3 {100% {-moz-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);}}
@-o-keyframes wobble3 {100% {-o-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);}}
@keyframes wobble3 {100% {-webkit-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);-moz-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);-o-transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);transform: translate( 0.12em,-0.08em) skew(-08deg,-06deg) rotate( 02deg);}}
@-webkit-keyframes wobble4 {100% {-webkit-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);}}
@-moz-keyframes wobble4 {100% {-moz-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);}}
@-o-keyframes wobble4 {100% {-o-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);}}
@keyframes wobble4 {100% {-webkit-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);-moz-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);-o-transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);transform: translate( 0.10em, 0.06em) skew( 10deg, 08deg) rotate(-03deg);}}


#highlight-area {
  position:fixed;
  bottom:58%;
  height:16%;
  width:725px;
  z-index:0;
  font-size:16px;
  background-color: gold;
}

#highlight-cover {
  position:fixed;
  bottom:58%;
  height:16%;
  width:725px;
  z-index:0;
  font-size:16px;
  background-color: #ffffff;
}

/* fades in gold target area.*/
.fade-highlight {
  opacity:0;
  -webkit-animation: fade-highlight 1.0s ease-in-out forwards;
     -moz-animation: fade-highlight 1.0s ease-in-out forwards;
       -o-animation: fade-highlight 1.0s ease-in-out forwards;
          animation: fade-highlight 1.0s ease-in-out forwards;
}
@-webkit-keyframes fade-highlight {
  to {opacity:0.13;}
}
@-moz-keyframes fade-highlight {
  to {opacity:0.13;}
}
@-o-keyframes fade-highlight {
  to {opacity:0.13;}
}
@keyframes fade-highlight {
  to {opacity:0.13;}
}

#right-here {
  margin-top:80px;
  margin-bottom:80px;
  text-align: center;
  font-size:19px;
}

/* D hurled herself at trish */

.trish-fight { 
  font-family: Flavors, 'HVD Edding 780', Herculanum, 'Lucida Blackletter', 'Lucida Handwriting', cursive;
  font-size:115%;
  font-weight:bold;
  letter-spacing:1px;
}

.D-hurl {
  display:inline-block;
  width:0.8em;
  z-index:3;
  -webkit-animation: D-hurl 4.0s 0.01s linear forwards;
     -moz-animation: D-hurl 4.0s 0.01s linear forwards;
       -o-animation: D-hurl 4.0s 0.01s linear forwards;
          animation: D-hurl 4.0s 0.01s linear forwards;
}
@-webkit-keyframes D-hurl {
    0% {-webkit-transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);}
    7% {-webkit-transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);} /*turnd on Y*/
   15% {-webkit-transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);} /*turnd on Y*/
   30% {-webkit-transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);} /*jumpd up*/
   40% {-webkit-transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);} /*jump flattend out*/
   76% {-webkit-transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
   80% {-webkit-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
  100% {-webkit-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
}
@-moz-keyframes D-hurl {
    0% {-moz-transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);}
    7% {-moz-transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);} /*turnd on Y*/
   15% {-moz-transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);} /*turnd on Y*/
   30% {-moz-transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);} /*jumpd up*/
   40% {-moz-transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);} /*jump flattend out*/
   76% {-moz-transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
   80% {-moz-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
  100% {-moz-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
}
@-o-keyframes D-hurl {
    0% {transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);}
    7% {transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);} /*turnd on Y*/
   15% {transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);} /*turnd on Y*/
   30% {transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);} /*jumpd up*/
   40% {transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);} /*jump flattend out*/
   76% {transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
   80% {transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
  100% {transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
}
@keyframes D-hurl {
    0% {-webkit-transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);-moz-transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);transform: translate(-00pt,-00pt) rotateY(  00deg) rotateX( -00deg) rotate(  00deg) scale(1.0,1.0);}
    7% {-webkit-transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);-moz-transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);transform: translate(050pt,-10pt) rotateY( -40deg) rotateX( 026deg) rotate(  00deg) scale(1.0,1.0);} /*turnd on Y*/
   15% {-webkit-transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);-moz-transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);transform: translate(102pt,-18pt) rotateY( -40deg) rotateX( 058deg) rotate(  00deg) scale(0.95,0.95);} /*turnd on Y*/
   30% {-webkit-transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);-moz-transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);transform: translate(190pt,-20pt) rotateY( -40deg) rotateX(  60deg) rotate(  00deg) scale(0.80,0.80);} /*jumpd up*/
   40% {-webkit-transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);-moz-transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);transform: translate(244pt,-27pt) rotateY( -40deg) rotateX( 090deg) rotate(  00deg) scale(0.85,0.85);} /*jump flattend out*/
   76% {-webkit-transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);-moz-transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);transform: translate(343pt, 02pt) rotateY( -40deg) rotateX( 110deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
   80% {-webkit-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);-moz-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
  100% {-webkit-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);-moz-transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);transform: translate(345pt, 04pt) rotateY( -40deg) rotateX(  70deg) rotate(  00deg) scale(0.70,0.70);} /*descends*/
}

.trish-flop {
  display:inline-block;
  text-shadow: 2px 2px 1px #878787;
  width:2.8em;
  -webkit-transform-origin: center bottom;
     -moz-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
       -o-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: rotateY(-000deg) rotateX( 00deg) translate(-0.2em, 0.0em) scale(0.8,0.8);
     -moz-transform: rotateY(-000deg) rotateX( 00deg) translate(-0.2em, 0.0em) scale(0.8,0.8);
          transform: rotateY(-000deg) rotateX( 00deg) translate(-0.2em, 0.0em) scale(0.8,0.8);
  -webkit-animation: trish-flop 0.2s 2.95s linear forwards;
     -moz-animation: trish-flop 0.2s 2.95s linear forwards;
       -o-animation: trish-flop 0.2s 2.95s linear forwards;
          animation: trish-flop 0.2s 2.95s linear forwards;
}
@-webkit-keyframes trish-flop { 
  45% {-webkit-transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);}
  90% {-webkit-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);}
  100%{-webkit-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);}
}
@-moz-keyframes trish-flop { 
  45% {-moz-transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);}
  90% {-moz-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);}
  100%{-moz-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);}
}
@-o-keyframes trish-flop { 
  45% {transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);}
  90% {transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);}
  100%{transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);}
}
@keyframes trish-flop { 
  45% {-webkit-transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);-moz-transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);transform: rotateY(-020deg) rotateX( 10deg) translate( 0.2em, 0.3em) scale(0.95,0.9);}
  90% {-webkit-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);-moz-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.2em, 0.3em) scale(1.00,0.9);}
  100%{-webkit-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);-moz-transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);transform: rotateY(-020deg) rotateX( 60deg) translate( 0.1em, 0.0em) scale(1.10,0.9);}
}

#homepage-bottom {
  height:100px;
}

.centerd {
  display: block;
  text-align: center;
  margin:0;
  padding:0;

}

.down-arrow {
  position: relative;
  left:13.0em;
  display: inline-block;
  -webkit-transform:scale(6.0, 1.75);
     -moz-transform:scale(6.0, 1.75);
      -ms-transform:scale(6.0, 1.75);
       -o-transform:scale(6.0, 1.75);
          transform:scale(6.0, 1.75);
  padding-bottom: 0.25em;
}