body {
  margin: 0;
  background-color: #1f161f;
  font-family: "Arial", sans-serif;
}

.ltr {
  display: inline-block;
  font-size: 60px;
  font-weight: bold;
  animation-duration: 2.4s;
  animation-iteration-count: infinite;
  opacity: 0.2;
  animation-direction: alternate;
}
.ltr1 {
  color: #ffcdff;
  text-shadow: -2px 0 5px rgba(255,205,255,0.8), 2px 0 5px rgba(255,205,255,0.8), 0 -2px 5px rgba(255,205,255,0.8), 0 2px 5px rgba(255,205,255,0.8), -2px -2px 5px rgba(255,205,255,0.8), 2px 2px 5px rgba(255,205,255,0.8), 2px -2px 5px rgba(255,205,255,0.8), -2px 2px 5px rgba(255,205,255,0.8);
  animation-name: openAnimO;
}
.ltr2 {
  color: #cdffff;
  text-shadow: -2px 0 5px rgba(205,255,255,0.8), 2px 0 5px rgba(205,255,255,0.8), 0 -2px 5px rgba(205,255,255,0.8), 0 2px 5px rgba(205,255,255,0.8), -2px -2px 5px rgba(205,255,255,0.8), 2px 2px 5px rgba(205,255,255,0.8), 2px -2px 5px rgba(205,255,255,0.8), -2px 2px 5px rgba(205,255,255,0.8);
  animation-name: openAnimP;
}
.ltr3 {
  color: #ffffcd;
  text-shadow: -2px 0 5px rgba(255,255,205,0.8), 2px 0 5px rgba(255,255,205,0.8), 0 -2px 5px rgba(255,255,205,0.8), 0 2px 5px rgba(255,255,205,0.8), -2px -2px 5px rgba(255,255,205,0.8), 2px 2px 5px rgba(255,255,205,0.8), 2px -2px 5px rgba(255,255,205,0.8), -2px 2px 5px rgba(255,255,205,0.8);
  animation-name: openAnimE;
}
.ltr4 {
  color: #e1e1cd;
  text-shadow: -2px 0 5px rgba(225,225,205,0.8), 2px 0 5px rgba(225,225,205,0.8), 0 -2px 5px rgba(225,225,205,0.8), 0 2px 5px rgba(225,225,205,0.8), -2px -2px 5px rgba(225,225,205,0.8), 2px 2px 5px rgba(225,225,205,0.8), 2px -2px 5px rgba(225,225,205,0.8), -2px 2px 5px rgba(225,225,205,0.8);
  animation-name: openAnimN;
}
@-moz-keyframes openAnimO {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes openAnimO {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes openAnimO {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes openAnimO {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes openAnimP {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes openAnimP {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes openAnimP {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes openAnimP {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes openAnimE {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes openAnimE {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes openAnimE {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes openAnimE {
  0% {
    opacity: 0.2;
  }
  40% {
    opacity: 0.2;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes openAnimN {
  0% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes openAnimN {
  0% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@-o-keyframes openAnimN {
  0% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes openAnimN {
  0% {
    opacity: 0.2;
  }
  60% {
    opacity: 0.2;
  }
  80% {
    opacity: 1;
  }
  92% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}