.text-h-center {
  text-align: center;
}

@keyframes fade{
  from{
    opacity: 1.0;
  }
  50%{opacity: 0.0;}
  to{
    opacity: 1.0;
  }
}



img {
  width: 100%; /* or any custom size */
  height: 100%; 
  object-fit: contain;
}

.blood{
  pointer-events: none;
  -moz-user-select: none;
-webkit-user-select: none;
user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  max-height:30%; max-width:30%;
  animation-name:fade-in;
  position:absolute;
  top:4%;
  left:4%;
animation-duration:0.5s;
animation-timing-function:linear;
animation-delay:2s;
animation-iteration-count:1;
animation-fill-mode:forwards;
animation-direction:normal;
}

.blood1{  
  pointer-events: none;
  -moz-user-select: none;
-webkit-user-select: none;
user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0;
  position:absolute;
  right:4%;
  transform: rotate(17deg);
  max-height:50%; max-width:50%;
  animation-name:fade-in;
animation-duration:0.5s;
animation-timing-function:linear;
animation-delay:0.5s;
animation-iteration-count:1;
animation-fill-mode:forwards;
animation-direction:normal;
}
.red { 
display: none;
width: 100%;
height: 100%;
border:1px
solid rgb(167, 50, 50);
position: fixed;
top:0;
left:0;
z-index: 10;
background: rgb(167, 50, 50);
animation-name:fade-in, fade-out;
animation-duration:0.5s, 1s;
animation-timing-function:linear, linear;
animation-delay:0s, 0.8s;
animation-iteration-count:1, 1;
animation-fill-mode:forwards, forwards;
animation-direction:normal, normal;
}
.red1 { 
  display: none;
  width: 100%;
  height: 100%;
  border:1px
  solid rgb(167, 50, 50);
  position: fixed;
  top:0;
  left:0;
  z-index: 10;
  background: rgb(167, 50, 50);
  animation-name:fade-in, fade-out;
  animation-duration:0.5s, 1s;
  animation-timing-function:linear, linear;
  animation-delay:0s, 0.8s;
  animation-iteration-count:1, 1;
  animation-fill-mode:forwards, forwards;
  animation-direction:normal, normal;
  }
  .red2 { 
    display: none;
    width: 100%;
    height: 100%;
    border:1px
    solid rgb(167, 50, 50);
    position: fixed;
    top:0;
    left:0;
    z-index: 10;
    background: rgb(167, 50, 50);
    animation-name:fade-in, fade-out;
    animation-duration:0.5s, 1s;
    animation-timing-function:linear, linear;
    animation-delay:0s, 0.8s;
    animation-iteration-count:1, 1;
    animation-fill-mode:forwards, forwards;
    animation-direction:normal, normal;
    }
.black { 
  
display: none;
  
width: 100%;
height: 100%;
border:1px
solid rgb(0, 0, 0);
position: fixed;
top:0;
left:0;
z-index: 10;
background: rgb(0, 0, 0);
animation-name:fade-in;
animation-duration:1s;
animation-timing-function:linear;
animation-delay:0s;
animation-iteration-count:1;
animation-fill-mode:forwards;
animation-direction:normal;

  }
body {
  background: rgb(44, 42, 42);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;


  
}

.det2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top:23%;
  height:0;
  overflow:scroll;
  text-align: left;
  width: 95%;

}


.det3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top:23%;
  height:0;
  overflow:scroll;
  text-align: center;
  width: 95%;

}
.oe.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe1.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe2.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe3.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe4.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe5.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe6.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe7.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe8.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe9.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe10.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.oe11.show  .deo {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}



.abe.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.abe1.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe1.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.abe2.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe2.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.abe3.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe3.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.abe4.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe4.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.abe5.show .det3 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.abe5.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.ash.show .det2 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.ash.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}
.ksh.show .det2 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.ksh.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}

.ssh.show .det2 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.ssh.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}

.linshi.show .det2 {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}

.linshi.show  .de {
  -webkit-animation: fade-in 1s 1s forwards;
          animation: fade-in 1s 1s forwards;
}



.ksh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.ssh {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.ash {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.abe5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 75%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.linshi {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.oe10 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}

.oe11 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}

.be1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}

.be2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.be3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.be4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.be5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.be6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  display: none;
    top: 25%;
    height: 50%;
    left: 34%;
    position: absolute;
    width: 32%;
}
.deo {
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  margin: 0.75em 1.2em 1.2em;
  opacity: 0;
}


.de {
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  margin: 0.75em 1.2em 1.2em;
  opacity: 0;
}
.b11 {
  
  display: none;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:35%;
    left:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b12 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:35%;
    right:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b21 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  left:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b22 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:35%;
    right:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b31 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  left:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b32 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  right:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b41 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  left:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b42 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  right:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b51 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  left:43%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b52 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:30%;
  left:43%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b53 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:25%;
    left:39%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b61 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  left:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.b62 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
  bottom:35%;
  right:36%;
  outline: none;
  text-align: center;
  text-decoration: none;
}



.open{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border:1px solid rgb(167, 50, 50);
  
  padding: 0.5em 0em 2.2em 1.3em;
  -webkit-animation: fade-in 1.5s 0.5s forwards ease-out;
          animation: fade-in 1.5s 0.5s forwards ease-out;
  color: rgb(167, 50, 50);
  font-size: 300%;
  line-height: 1.5;
  opacity: 0;
  position: absolute;
    width:800px;
    height:100px;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
}

.openm{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border:1px solid rgb(167, 50, 50);
  padding: 0em 0.5em 0em 0.5em;
  -webkit-animation: fade-in 1.5s 2s forwards ease-out;
          animation: fade-in 1.5s 2s forwards ease-out;
  color: rgb(167, 50, 50);
  font-size: 300%;
  line-height: 1.5;
  opacity: 0;
  position: absolute;
    top:51%;
    left:45%;
}


h1{
  -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
  display: none;
  animation-name:fade-in, glow1;
  animation-duration:1.5s, 15s;
  animation-timing-function:linear, linear;
  animation-delay:0s, 3s;
  animation-iteration-count:1, infinite;
  animation-fill-mode:forwards, forwards;
  animation-direction:normal, normal;
  text-align: center;
  opacity: 0;
  color: rgb(167, 50, 50);
  font-size: 450%;
  

} 



h3{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  animation-name:glow1;
  animation-duration:15s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count:infinite;
  animation-fill-mode: forwards;
  animation-direction:normal;
  opacity: 100;
  color: rgb(167, 50, 50);
  font-size: 450%;
  position: absolute;
  top:-3.2%;
  left: 35.92%;
} 

.span1 {
    display: none;
    -webkit-animation: linea 1s 0.2s forwards ease-out;
          animation: linea 1s 0.2s forwards ease-out;

    border-left: 3px solid rgb(167, 50, 50);
    height:0;
    position: absolute;
    left: 33.3%;
    margin-left: -3px;
    top: 0;
  }

  .span2{
    display: none;
    -webkit-animation: linea 1s 0.2s forwards ease-out;
            animation: linea 1s 0.2s forwards ease-out;

            border-left: 3px solid rgb(167, 50, 50);
            height:0;
            position: absolute;
            right: 33.3%;
            margin-left: -3px;
            top: 0;
    }
  .span3 {
    -webkit-animation: linea 0s 0s forwards ease-out;
          animation: linea 0s 0s forwards ease-out;

    border-left: 3px solid rgb(167, 50, 50);
    height:0;
    position: absolute;
    left: 33.3%;
    margin-left: -3px;
    top: 0;
  }
  
  .span4{
    -webkit-animation: linea 0s 0s forwards ease-out;
            animation: linea 0s 0s forwards ease-out;

            border-left: 3px solid rgb(167, 50, 50);
            height:0;
            position: absolute;
            right: 33.3%;
            margin-left: -3px;
            top: 0;
  }

/* Button styles */

.st {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 777;
  -webkit-animation: fade-in 1s 0.7s forwards ease-out;
  animation: fade-in 1s 0.7s forwards ease-out;
  display: none;
  margin: 10%;
    text-align: center;
    font-size: 6em;
 

    color: rgb(80, 80, 58);
    font-size: 250%;
    opacity: 0;
    
    -webkit-box-reflect: below 5px linear-gradient(transparent, #0004);
}
.message {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.messagej {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message1j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message1 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message2 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message3 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message4 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message5 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message6 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message7 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}

.message5j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message6j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message7j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message8 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message9 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message10 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message10j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message11 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message12 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message13 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message14 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message14j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message15 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message16 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message17 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message18 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message19 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message20 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}  
.message21 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message22 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message22j {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.message22jj {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s1 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
  animation: fade-in 1s 0.5s forwards ease-out;

  


  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s11 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
  animation: fade-in 1s 0.5s forwards ease-out;

  


  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s12 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
  animation: fade-in 1s 0.5s forwards ease-out;

  


  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s2 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s21 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s22 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s3 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}

.s31 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s32 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}

.s4 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s41 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s42 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s43 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s5 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s51 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s52 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s53 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}

.s6 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s61 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s62 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s71 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s72 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s83 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s7 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s8 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s81 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s82 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s9 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s91 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s92 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s10 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s101 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.s102 {

  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  line-height: 1.5;
  opacity: 0;
  position:absolute;
    top:40%;
    left:0;
    right:0;
    bottom:40%;
  text-align: center;
}
.show-card {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  transform: rotate(-30deg);
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 150%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    left:-2%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 /*display: none;*/
 display: none;
  transition: 0.5s;
  transform: rotate(17deg);
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 210%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:18%;
    left:-2%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card2 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  transform: rotate(7deg);
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 153%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:30%;
    left:0%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card3 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 190%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:40%;
    right:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card4 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-30deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 500%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:50%;
    right:3%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card5 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(10deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 400%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:60%;
    right:7%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card6 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-10deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 130%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    left:15%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card7 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-5deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 200%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:70%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card8 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 160%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:86%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}




.show-card10 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(10deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 390%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    right:10%;
  outline: none;
  text-align: center;
  text-decoration: none;
}


.show-card11 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  transform: rotate(30deg);
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 150%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:30%;
    right:0%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card12 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 190%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:60%;
    left:0%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card13 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 190%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:30%;
    right:13%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card14 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(10deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 130%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    right:17%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card15 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    right:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card16 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 130%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:10%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card17 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:13%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card18 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:20%;
    left:55.5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card19 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:20%;
    left:54.5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card9 {
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(20deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 260%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:25%;
    right:7%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card20 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(5deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:13%;
    right:14%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card21 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(5deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 430%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:13%;
    right:12%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card22 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(2deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 200%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:30%;
    right:2%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card23 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(-15deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 190%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:40%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card24 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(2deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 200%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:30%;
    right:2%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card25 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(2deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 200%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:30%;
    right:2%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card26 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card27 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card28 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(40deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    left:5%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card29 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(41deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    right:8%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.show-card30 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(41deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    left:8%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card31 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(41deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 230%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    bottom:33%;
    right:8%;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.show-card32 {
  
  display: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: 0.5s;
  transform: rotate(41deg);
  
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;
          
  opacity: 0;

  color: rgb(190, 69, 69);
  font-size: 430%;
  line-height: 1.5;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:33%;
    right:8%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.b11:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b12:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}

.b21:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}

.b22:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b31:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b32:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b41:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b42:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b51:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b52:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}.b53:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b61:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.b62:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}


.show-card:hover {
  
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card1:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}

.show-card2:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card3:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card4:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card5:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}

.show-card6:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}

.show-card7:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card8:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card9:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}

.show-card10:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card11:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}

.show-card12:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}

.show-card13:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card14:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card15:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card16:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card17:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card18:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card19:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card20:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card21:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}

.show-card22:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card23:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card24:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card25:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card26:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card27:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card28:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}
.show-card29:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card30:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card31:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.show-card32:hover {
  background-color: rgb(190, 69, 69);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(190, 69, 69),
              0 0 25px rgb(190, 69, 69),
              0 0 50px rgb(190, 69, 69),
              0 0 100px rgb(190, 69, 69);
}
.openm:hover {
  background-color: rgb(167, 50, 50);
  color: rgb(44, 42, 42);
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50),
              0 0 100px rgb(167, 50, 50);
}





/* Image on the button */
.b11.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b12.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b21.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b22.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b31.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b32.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b41.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b42.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b51.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b52.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b53.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b61.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.b62.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}


.s1.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.s11.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s12.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s2.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s21.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s22.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s3.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s31.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s32.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s4.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s41.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s42.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s43.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s5.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s51.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.s52.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s53.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s6.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s61.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.s62.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s7.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s71.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s72.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s83.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s8.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s81.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s82.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s9.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.s91.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s92.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s10.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s101.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s102.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}


.show-card.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}
.show-card1.hide {
    opacity: 0;
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.show-card2.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card3.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card4.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        
animation: fade-out 0.4s forwards ease-out;
}

.show-card5.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card6.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card7.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card8.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card9.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card10.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card11.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card12.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card13.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card14.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card15.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card16.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card17.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card18.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card19.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card20.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card21.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card22.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card23.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card24.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card25.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card26.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card27.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card28.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card29.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card30.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card31.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card32.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card33.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card34.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card35.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card36.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}

.show-card37.hide {
  opacity: 0;
-webkit-animation: fade-out 0.4s forwards ease-out;
        animation: fade-out 0.4s forwards ease-out;
}
.message.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.messagej.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message1.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message1j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message2.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message3.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message4.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message5.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message5j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message6.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message6j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message7.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message7j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message8.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message9.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message10.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message10j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message11.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message12.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message13.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message14.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message14j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message15.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message16.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message17.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message18.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message19.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message20.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message21.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message22.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message22j.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message22jj.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message23.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message24.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.message25.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s1.hide {

  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s2.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s3.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.s4.hide {
  
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.card {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.card2 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.card3 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card4 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card5 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card6 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.card7 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.card8 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.card9 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card10 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card11 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card12 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card13 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card14 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card15 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card16 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card17 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card18 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card19 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card20 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card21 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card22 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card23 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card24 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card25 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card26 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card27 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card28 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card29 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card30 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card31 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card32 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.card33 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 2%;
  display: none;
  height: 96%;
  left: 36.5%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}
.shang {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 210%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:80%;
    left:50%;
    bottom:0;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.xia {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 210%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:85%;
    left:50%;
    bottom:0;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.zuo {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 210%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:83%;
    left:45%;
    bottom:0;
  outline: none;
  text-align: center;
  text-decoration: none;
}
.you {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: none;
  transition: 0.5s;
  -webkit-animation: fade-in 1s 0.5s forwards ease-out;
          animation: fade-in 1s 0.5s forwards ease-out;

  color: rgb(190, 69, 69);
  font-size: 210%;
  line-height: 1.5;
  opacity: 0;
  padding: 0.1em 0.5em 0.1em 0.5em;
  position:absolute;
    top:83%;
    left:55%;
  outline: none;
  text-align: center;
  text-decoration: none;
}

.close {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgb(44, 42, 42);
  font-weight:normal;
  font-size: 160%;
  cursor: pointer;
  height: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1;
  width: 1em;
  z-index: 10;
}

.details {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top:0;
  background:rgb(190, 69, 69);
  height:0;
  overflow:scroll;
  text-align: center;
  width: 95%;
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50);

}


.details::-webkit-scrollbar {
    display: none;
}
.det2::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.details {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.det2 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.details1::-webkit-scrollbar {
    display: none;
}

.det3::-webkit-scrollbar {
  display: none;
}

.det3 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/* Hide scrollbar for IE, Edge and Firefox */
.details1 {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}





.name {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgb(44, 42, 42);
  font-weight: bold;
  opacity: 0;
  margin: 0.75em 0 0;
}

.description {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  opacity: 0;
  margin: 0.75em 1.2em 1.2em;
}




.card1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    top: 2%;
    display: none;
    height: 96%;
    left: 36.5%;
    position: absolute;
    transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
    width: 29%;
  
}

.close1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    color: rgb(44, 42, 42);
    font-weight:normal;
    font-size: 160%;
    cursor: pointer;
    height: 1em;
    opacity: 0;
    position: absolute;
    right: 1em;
    top: 1;
    width: 1em;
    z-index: 10;
}

.details1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top:0;
  background:rgb(190, 69, 69);
  height:0;
  overflow:scroll;
  text-align: center;
  width: 95%;
  box-shadow: 0 0 5px rgb(167, 50, 50),
              0 0 25px rgb(167, 50, 50),
              0 0 50px rgb(167, 50, 50);

}

.name1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgb(44, 42, 42);
  font-weight: bold;
  opacity: 0;
  margin: 0.75em 0 0;
}

.description1 {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  opacity: 0;
  margin: 0.75em 1.2em 1.2em;
}



.zhuji{
  text-align: left;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  opacity: 0;
  margin: 0.75em 1.2em 1.2em;
}






/*animation*/

.h3 span{

  animation: ruyuan 1s 2.5s linear infinite;
}

.h3:hover{
  opacity: 1;
  color: rgb(232, 233, 159);
  color: rgb(232, 233, 159);
              text-shadow: 0 0 10px rgb(232, 233, 159),
              0 0 20px rgb(232, 233, 159),
              0 0 40px rgb(232, 233, 159),
              0 0 80px rgb(232, 233, 159);
    
}


.st span{

    animation: ruyuan 5s 2.5s linear infinite;
  }


.st span.stop {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }

.st:hover{
  opacity: 1;
  color: rgb(232, 233, 159);
  color: rgb(232, 233, 159);
              text-shadow: 0 0 10px rgb(232, 233, 159),
              0 0 20px rgb(232, 233, 159),
              0 0 40px rgb(232, 233, 159),
              0 0 80px rgb(232, 233, 159);
    
}




/* Show state */

/* card show 4 */



.card.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card1.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card1.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card1.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card1.show  .changecolor {
    -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
            animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
  .card1.show  .changecolor1 {
    -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
            animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
  .card1.show  .zhuji {
    -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
            animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card1.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card2.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card2.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card2.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card2.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card3.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card3.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card3.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card3.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card4.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card4.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card4.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card4.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card5.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card5.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card5.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card5.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card6.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card6.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card6.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card6.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card7.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card7.show .name1 {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card7.show  .description1 {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card7.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card8.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card8.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card8.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card8.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card9.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card9.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card9.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card9.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card10.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card10.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card10.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card10.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card11.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card11.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card11.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card11.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card12.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card12.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card12.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card12.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card13.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card13.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card13.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card13.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card14.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card14.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card14.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card14.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card15.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card15.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card15.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card15.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card16.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card16.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card16.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card16.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card17.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card17.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card17.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card17.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card18.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card18.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card18.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card18.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card19.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card19.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card19.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card19.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card20.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card20.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card20.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card20.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card21.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card21.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card21.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card21.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card22.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card22.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card22.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card22.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card23.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card23.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card23.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card23.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card24.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card24.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card24.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card24.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card25.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card25.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card25.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card25.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card26.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card26.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card26.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card26.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card27.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card27.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card27.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card27.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card28.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card28.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card28.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card28.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card29.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card29.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card29.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card29.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card30.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card30.show .name {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card30.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card30.show .close {
  -webkit-animation: fade-in 0.3s 0.5s forwards;
          animation: fade-in 0.3s 0.5s forwards;
}
.card31.show .details {
-webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
        animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card31.show .name {
-webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
        animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card31.show  .description {
-webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
        animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card31.show .close {
-webkit-animation: fade-in 0.3s 0.5s forwards;
        animation: fade-in 0.3s 0.5s forwards;
}
.card32.show .details {
-webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
        animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.22);
}
.card32.show .name {
-webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
        animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card32.show  .description {
-webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
        animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}
.card32.show .close {
-webkit-animation: fade-in 0.3s 0.5s forwards;
        animation: fade-in 0.3s 0.5s forwards;
}




/* Hide state */

/* 其他hide */
.open.hide{
  -webkit-animation: fade-out 0.4s forwards ease-out;
  animation: fade-out 0.4s forwards ease-out;
  z-index:0

}

.openm.hide{
  -webkit-animation: fade-out 0.4s forwards ease-out;
  animation: fade-out 0.4s forwards ease-out;
  z-index:0
}

.shang.hide{
    
  -webkit-animation: fade-out 0s forwards ease-out;
          animation: fade-out 0s forwards ease-out;
}

.xia.hide{
    
  -webkit-animation: fade-out 0s forwards ease-out;
          animation: fade-out 0s forwards ease-out;
}
.zuo.hide{
    
  -webkit-animation: fade-out 0s forwards ease-out;
          animation: fade-out 0s forwards ease-out;
}
.you.hide{
    
  -webkit-animation: fade-out 0s forwards ease-out;
          animation: fade-out 0s forwards ease-out;
}


.st.hide{
  -webkit-animation: stop 2.5s 0s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: stop 2.5s 0s forwards cubic-bezier(.54,-0.38,.34,1.42);
}

/* card hide */

.card.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}

.card1.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}

.card2.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card3.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card4.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card5.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card6.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card7.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card8.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card9.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card10.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card11.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card12.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card13.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card14.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card15.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card16.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card17.hide .close{
  opacity: 0;
  -webkit-animation: fade-out 1s forwards ease-out;
          animation: fade-out 1s forwards ease-out;
}
.card17.hide .name{
  
  opacity: 0;
  -webkit-animation: fade-out 1s forwards ease-out;
          animation: fade-out 1s forwards ease-out;
}

.card17.hide .description{
  opacity: 0;
  -webkit-animation: fade-out 1s forwards ease-out;
          animation: fade-out 1s forwards ease-out;
}
.card17.hide .details{
  opacity: 0;
  -webkit-animation: fade-out 1s forwards ease-out;
          animation: fade-out 1s forwards ease-out;
}
.card18.hide .close{
  opacity: 0;
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}
.card18.hide .name{
  opacity: 0;
  -webkit-animation: fade-out 0.4s forwards ease-out;
          animation: fade-out 0.4s forwards ease-out;
}

.card18.hide .description{
  opacity: 0;
  -webkit-animation: fade-out 0.4s 0.4s forwards ease-out;
          animation: fade-out 0.4s 0.4s forwards ease-out;
}
.card18.hide .details{
  opacity: 0;
  -webkit-animation: fade-out 0.4s 0.5s forwards ease-out;
          animation: fade-out 0.4s 0.5s forwards ease-out;
}


.card17.h {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
} 
.card18.h {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card19.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card20.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card21.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card22.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card23.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card24.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card25.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card26.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card27.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card28.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card29.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card30.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card31.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
.card32.hide {
  -webkit-animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: drop-card 1s forwards cubic-bezier(.54,-0.38,.34,1.42);
}
 
.storycard {
  top: 2%;
  display: none;
  height: 92%;
  left: 2%;
  position: absolute;
  transition: all 0.4s 0.4s cubic-bezier(.5,.2,.43,1);
  width: 29%;
}

.sdetails {
  position: absolute;
  top:0;
  background: #ffffff;
  height:0;
  overflow: hidden;
  text-align: center;
  width: 95%;
}


.sdescription {
  text-align: left;
  color: rgb(44, 42, 42);
  font-size: 1em;
  font-weight:bolder;
  line-height: 1.5;
  opacity: 0;
  margin: 0.75em 1.2em 1.2em;
}

.storycard.show .details {
  -webkit-animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.42);
          animation: show-detail-container 0.7s 0s forwards cubic-bezier(.54,-0.38,.34,1.42);
}

.scard.show  .description {
  -webkit-animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
          animation: fade-in 0.3s 0s forwards, pop-in 0.3s 0s forwards cubic-bezier(.64,1.87,.64,.64);
}








@keyframes ru{
  0%{

    opacity: 1;
  color: rgb(232, 233, 159);
  color: rgb(232, 233, 159);
              text-shadow: 0 0 10px rgb(232, 233, 159),
              0 0 20px rgb(232, 233, 159),
              0 0 40px rgb(232, 233, 159),
              0 0 80px rgb(232, 233, 159);
  }
  100%{
color: rgb(255, 255, 255);
              text-shadow: 0 0 10px rgb(232, 233, 159),
              0 0 20px rgb(232, 233, 159),
              0 0 40px rgb(232, 233, 159),
              0 0 80px rgb(232, 233, 159),
              0 0 160px rgb(232, 233, 159),
              0 0 400px rgb(232, 233, 159);
}}
/* Animations */

@keyframes ruyuan{
  0%,18%,25%,50.1%,60%,65.1%,80%,90.1%,92%{
    color: rgb(80, 80, 58);
    text-shadow: none;
  }
  18.1%,20.1%, 30%,50%,60.1%,80.1%,90%,92.1%,100%
  {
              color: rgb(255, 255, 255);
              text-shadow: 0 0 10px rgb(232, 233, 159),
              0 0 20px rgb(232, 233, 159),
              0 0 40px rgb(232, 233, 159),
              0 0 80px rgb(232, 233, 159),
              0 0 160px rgb(232, 233, 159),
              0 0 400px rgb(232, 233, 159);}
}
@-webkit-keyframes stop {
  0%{
  opacity: 1;}
  30%{
    opacity: 1;
    color: rgb(255, 255, 255);
    text-shadow: 0 0 10px rgb(232, 233, 159),
    0 0 20px rgb(232, 233, 159),
    0 0 40px rgb(232, 233, 159),
    0 0 80px rgb(232, 233, 159),
    0 0 160px rgb(232, 233, 159),
    0 0 400px rgb(232, 233, 159);}
  100%{
    opacity: 0;

  }
}

  @keyframes stop{
    0%{
      opacity: 1;}
      30%{
        opacity: 1;
        color: rgb(255, 255, 255);
        text-shadow: 0 0 10px rgb(232, 233, 159),
        0 0 20px rgb(232, 233, 159),
        0 0 40px rgb(232, 233, 159),
        0 0 80px rgb(232, 233, 159),
        0 0 160px rgb(232, 233, 159),
        0 0 400px rgb(232, 233, 159);}
      100%{
        opacity: 0;
    
      }
  
}

@keyframes glow {
  0%{opacity: 1;}
    50% {
      opacity: 1;
    }
  
    50.2% {
      opacity: 1;
      background:rgb(167, 50, 50) ;
          box-shadow: 0 0 5px rgb(167, 50, 50),
                0 0 25px rgb(167, 50, 50),
                0 0 50px rgb(167, 50, 50),
                0 0 75px rgb(167, 50, 50);
      
    }
    50.5% {
      opacity: 1;
    }
    100%{opacity: 1;}
  }
  
  @keyframes glow1 {
    0%{opacity: 1;}
      49% {
        opacity: 1;
        color:rgb(167, 50, 50);
                text-shadow: none;
                opacity: 1;
      }
    
      50%,50.15%,50.35% {
        opacity: 1;
          color:rgb(167, 50, 50);
          text-shadow: 0 0 10px rgb(167, 50, 50),
              0 0 20px rgb(167, 50, 50),
              0 0 40px rgb(167, 50, 50),
              0 0 80px rgb(167, 50, 50),
              0 0 160px rgb(167, 50, 50),
              0 0 400px rgb(167, 50, 50);}
              50.1%,50.2% {
                color:rgb(167, 50, 50);
                text-shadow: none;
                opacity: 1;
              }
     
      
      60% {
        opacity: 1;
        color:rgb(167, 50, 50);
                text-shadow: none;
                opacity: 1;
        
      }
      100%{opacity: 1;
        color:rgb(167, 50, 50);
        text-shadow: none;
        opacity: 1;
      }
      
    }

    
    @-webkit-keyframes fade-in1 {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 70%;
      }
    }
    
    @keyframes fade-in1 {
      0% {
        opacity: 0;
      }
      100% {
        opacity: 70%;
      }
    }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 50%;
  }
}


@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


@-webkit-keyframes sm{
  0% {
  font-size: 450%;
    opacity: 1;
  }
  100% {
    font-size: 430%;
    opacity: 1;
  }
}

@keyframes sm {
  0% {
    font-size: 450%;
      opacity: 1;
    }
    100% {
      font-size: 430%;
      opacity: 1;
    }
}



@keyframes ri {
  0% {
      opacity: 1;
      position: absolute;
      right: 31.1%;
    }
    100% {
      opacity: 1;
      position: absolute;
      right: 33.1%;
    }
}


@-webkit-keyframes le{
  0% {
    border-left: 3px solid rgb(167, 50, 50);
    height:0;
    position: absolute;
    left: 31.9%;
    margin-left: -3px;
    top: 0;
    opacity: 1;
    position: absolute;

  }
  100% {
    border-left: 3px solid rgb(167, 50, 50);
    height:0;
    position: absolute;
    margin-left: -3px;
    opacity: 1;
    
    position: absolute;
    left: 33.9%;
  }
}

@keyframes le {
  0% {
      opacity: 1;
      position: absolute;
      left: 31.9%;
    }
    100% {
      opacity: 1;
      position: absolute;
      left: 33.9%;
    }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes show-detail-container {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@keyframes show-detail-container {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

@-webkit-keyframes pop-in {
  0% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1)
  }
}

@keyframes pop-in {
  0% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes drop-card {
  100% {
    bottom: -100%;
    
    opacity: 0;
  }
}

@keyframes drop-card {
  100% {
    bottom: -100%;
    opacity: 0;
  }
}
@keyframes linea {
  0% {
    opacity: 30%;
    height: 0%;

  }
  100% {
    height: 100%;
    opacity: 100%;
  }
  
}

@keyframes lineb {
  0% {
    opacity: 100%;

  }
  100% {
    opacity: 20%;
  }
  
}