body {
  font-family: monospace;
  padding: 10px;
}

body > div {
  font-size: 50px;
  width: 10ch;
  overflow: hidden;
}

h1 {
  font-size: 40px;
}

div div {
  -webkit-animation: randomGen 2s steps(30) infinite;
          animation: randomGen 2s steps(30) infinite;
}

@-webkit-keyframes randomGen {
  100% {
    transform: translateX(-3000%);
  }
}

@keyframes randomGen {
  100% {
    transform: translateX(-3000%);
  }
}
#pause:checked ~ div div {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.article {
  all:unset;
  font-size: 1.5em;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding:2% 20% 0;
}