: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;
animation: my-super-slant 0.5s infinite alternate;
transform: perspective(800px);
}

h2{
  color:white;
  font-weight: 900;
  font-size: 100px;
  letter-spacing: .1rem;
  margin: 0;
  animation: my-super-slant 6s infinite alternate;
}

@keyframes my-super-slant {
  from { font-variation-settings: 'YTUC' 50, 'CRSV' 0; letter-spacing: 0px; transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(0.5); }
  to {  font-variation-settings: 'YTUC' 900, 'CRSV' 100; letter-spacing: 0; transform: perspective(800px) translateZ(200px) rotateY(360deg) scale(1); }
}