/* code by John Johnson */

/* AUDIO CONTROLS */
.audio-embed {
 visibility: hidden;
}

/*.center {
    display: block;
    margin-left: auto;
    margin-right: auto }*/

.center {
/* border: 5px solid #FFFF00; */
display: flex;
justify-content: center;
}

/*.animgif0{
    float: left;
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-image: url("../img/woody001.gif")
} */ 

.animgif {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 1s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animgif2 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 2s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animgif3 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 3s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.animgif4 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 4s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif5 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 5s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif6 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 6s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif7 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 7s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif8 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 8s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif9 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 9s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif10 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 10s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif11 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 11s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif12 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 12s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animgif13 {
    background: red;
    color: black;
    text-align: center;
    opacity: 1;
    -webkit-animation-delay: 1s;
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-delay: 13s;
    animation-name: fadein;
    animation-duration: 2s;
    animation-timing-function: linear;
 
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}