:root {
  font-size: 400%;
  background-color: black;
  text-align: center;
  font-family: 'ruder plakat'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}

h1{
color:white;
font-weight: 900;
font-size: 300px;
margin: 0;
letter-spacing: .1rem;
transform: perspective(400px) translateZ(150px) rotateY(-30deg);
animation: my-super-slant 4s infinite alternate;
}

h2{
  color:white;
  font-weight: 900;
  font-size: 100px;
  letter-spacing: .1rem;
  margin: 0;
  transform: perspective(400px) translateZ(150px) rotateY(30deg);
  animation: my-super-slant 4s infinite alternate;
}

@keyframes my-super-slant {
  from { font-variation-settings: 'YTUC' 100, 'CRSV' 0; letter-spacing: 0px; transform: rotate(-0deg); }
  to {  font-variation-settings: 'YTUC' 900, 'CRSV' 0; letter-spacing: 1000px; transform: rotate(-365deg); }
}