@font-face {
  font-family: 'C64ProMono';
  src: url('fonts/C64ProMono.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  background-color: black;
  overflow: hidden;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.scroll-wrapper {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.scrolling-text {
  display: inline-block;
  font-family: 'C64ProMono', monospace;
  font-size: 2rem;
  color: #00ee00;
  position: relative;
  left: 100%;
  animation: scroll-left 10s linear infinite;
}

.scrolling-text span {
  padding-right: 4rem;
}

.scrolling-text .invisible {
  visibility: hidden;
}

@keyframes scroll-left {
  0% {
    left: 50%;
  }
  100% {
    left: -150%;
  }
}