/* ʱ´úJava - https://NowJava.com */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  background-color: hsl(210, 5%, 12%);
}
svg {
  margin: auto;
  width: 100vmin;
}
g > text {
  text-anchor: middle;
  font-size: 400px;
  font-family: Overpass Mono, monospace;
  fill: hsl(210, 100%, 75%);
  opacity: 0;
  -webkit-animation-name: opac;
          animation-name: opac;
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
g > text:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; }
g > text:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; }
g > text:nth-child(3) { -webkit-animation-delay: 2s; animation-delay: 2s; }
g > text:nth-child(4) { -webkit-animation-delay: 3s; animation-delay: 3s; }
g > text:nth-child(5) { -webkit-animation-delay: 4s; animation-delay: 4s; }
g > text:nth-child(6) { -webkit-animation-delay: 5s; animation-delay: 5s; }
g > text:nth-child(7) { -webkit-animation-delay: 6s; animation-delay: 6s; }
g > text:nth-child(8) { -webkit-animation-delay: 7s; animation-delay: 7s; }
g > text:nth-child(9) { -webkit-animation-delay: 8s; animation-delay: 8s; }
g > text:nth-child(10) { -webkit-animation-delay: 9s; animation-delay: 9s; }
g > text:nth-child(11) { -webkit-animation-delay: 10s; animation-delay: 10s; }

@-webkit-keyframes opac {
  0% { opacity: 0; }
  7.5% { opacity: 1; }
  10% { opacity: 1; }
  15% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes opac {
  0% { opacity: 0; }
  7.5% { opacity: 1; }
  10% { opacity: 1; }
  15% { opacity: 0; }
  100% { opacity: 0; }
}