:root {
  font-family: 'MNO'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  color: #FFC5F4;
}

body{
  background:#1D1D1D;
  overflow: hidden;
  /* push down the wrapper by half the page */
  margin: 50% 0 0 0;
}

span {display: inline-block}

.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 60%;
  margin: 0 auto;
  perspective: 450px;

}

.scroll-text {
  font-size: 3vw;
  line-height: 0.2em;
  font-weight: 100;
  text-align: justify;
  position: relative;
  animation: scroll 20s linear forwards;
  animation-iteration-count: 10;
}

h1, h2 {
  text-align: center;
}

@keyframes scroll {
  from { top: 0px;}
  to {top: -2000px;}
  0% {font-variation-settings: 'wdth' 200; letter-spacing: 0.8em;}
  20% {font-variation-settings: 'wdth' 100; letter-spacing: -0.4em; }
  30% {font-variation-settings: 'wdth' 200; letter-spacing: 0.8em;}
  40% {font-variation-settings: 'wdth' 100; letter-spacing: -0.4em;}
  50% {font-variation-settings: 'wdth' 200;letter-spacing: 0.8em;}
  60% {font-variation-settings: 'wdth' 100; letter-spacing: -0.4em;}
  70% {font-variation-settings: 'wdth' 200; letter-spacing: 0.8em;}
  80% {font-variation-settings: 'wdth' 100; letter-spacing: -0.4em;}
  90% {font-variation-settings: 'wdth' 200;letter-spacing: 0.8em;}
  100% {font-variation-settings: 'wdth' 100;letter-spacing: -0.4em;}
}