.tscatch h2 .tsc01_a {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 6s;
  -webkit-animation-duration: 6s;
  animation-name: tscatch01;
  -webkit-animation-name: tscatch01;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  color:var(--color-white);
  display: block;
  margin-bottom:50px;
}
@-webkit-keyframes tscatch01 {
  0% {
    opacity:0;
    color:var(--color-black);
  margin-bottom:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
  margin-bottom:0px;
  }
  59% {
    opacity: 1;
    color:var(--color-black);
    margin-bottom:0px;
  }
  60% {
    opacity: 1;
    color:var(--color-white);
    margin-bottom:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-bottom:0px;
  }
}
@keyframes tscatch01 {
  0% {
    opacity:0;
    color:var(--color-black);
  margin-bottom:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
  margin-bottom:0px;
  }
  59% {
    opacity: 1;
    color:var(--color-black);
    margin-bottom:0px;
  }
  60% {
    opacity: 1;
    color:var(--color-white);
    margin-bottom:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-bottom:0px;
  }
}

.tscatch h2 .tsc01_b {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  animation-duration: 6s;
  -webkit-animation-duration: 6s;
  animation-name: tscatch02;
  -webkit-animation-name: tscatch02;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  color:var(--color-white);
  display: block;
  margin-right:50px;
}
@-webkit-keyframes tscatch02 {
  0% {
    opacity:0;
    color:var(--color-black);
    margin-right:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
    margin-right:0px;
  }
  52% {
    opacity: 1;
    color:var(--color-black);
    margin-right:0px;
  }
  53% {
    opacity: 1;
    color:var(--color-white);
    margin-right:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-right:0px;
  }
}
@keyframes tscatch02 {
  0% {
    opacity:0;
    color:var(--color-black);
    margin-right:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
    margin-right:0px;
  }
  52% {
    opacity: 1;
    color:var(--color-black);
    margin-right:0px;
  }
  53% {
    opacity: 1;
    color:var(--color-white);
    margin-right:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-right:0px;
  }
}

.tscatch h2 .tsc01_c {
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
  animation-duration: 5s;
  -webkit-animation-duration: 5s;
  animation-name: tscatch03;
  -webkit-animation-name: tscatch03;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  color:var(--color-white);
  display: block;
  margin-left:50px;
}
@-webkit-keyframes tscatch03 {
  0% {
    opacity:0;
    color:var(--color-black);
    margin-left:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
    margin-left:0px;
  }
  50% {
    opacity: 1;
    color:var(--color-black);
    margin-left:0px;
  }
  55% {
    opacity: 1;
    color:var(--color-white);
    margin-left:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-left:0px;
  }
}
@keyframes tscatch03 {
  0% {
    opacity:0;
    color:var(--color-black);
    margin-left:50px;
  }
  30% {
    opacity: 1;
    color:var(--color-black);
    margin-left:0px;
  }
  50% {
    opacity: 1;
    color:var(--color-black);
    margin-left:0px;
  }
  55% {
    opacity: 1;
    color:var(--color-white);
    margin-left:0px;
  }
  100% {
    opacity: 1;
    color:var(--color-white);
    margin-left:0px;
  }
}

.tscatch p {
  animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-name: tscatch_txt;
  -webkit-animation-name: tscatch_txt;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
@-webkit-keyframes tscatch_txt {
  0% {
    left:0;
    opacity:0;
  }
  100% {
    left:-100%;
    opacity: 1;
  }
}
@keyframes tscatch_txt {
  0% {
    left:0;
    opacity:0;
  }
  100% {
    left:-100%;
    opacity: 1;
  }
}

.tscov2 {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-name: tsbase;
  -webkit-animation-name: tsbase;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  background-color: rgba(255,255,255,1);
}
@-webkit-keyframes tsbase {
  0% {
    top:0;
    height:100%;
    opacity: 1;
  }
  99% {
    top:-100%;
    height:100%;
    opacity: 1;
  }
  100% {
    top:-100%;
    height:0%;
    opacity: 0;
  }
}
@keyframes tsbase {
  0% {
    top:0;
    height:100%;
    opacity: 1;
  }
  99% {
    top:-100%;
    height:100%;
    opacity: 1;
  }
  100% {
    top:-100%;
    height:0%;
    opacity: 0;
  }
}

header {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-name: headerani;
  -webkit-animation-name: headerani;
  animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  opacity: 0;
}
@-webkit-keyframes headerani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes headerani {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
