:root {
  font-family: 'Ruder', sans-serif;
}

body { /* hier braucht es eher keinen Raster */
  background-color: #1D1D1D; 
  text-align: center;

}

h1  { /* hier raster*/
  display: grid;
  grid-row-gap: 5px;
  font-size: 30vh;
  color: #ff352a;
  line-height: 0.3; /* Verschiebng Y-Achse */
  animation: anim 1s linear infinite alternate; 

}

.lettera {
  animation: anim1 1s linear infinite alternate; 
}

.letterb {
  animation: anim2 1s linear infinite alternate; 
}

.letterc {
  animation: anim3 1s linear infinite alternate; 
}

@keyframes anim {
  0% {font-variation-settings: "opsz" 95;}
  50% {font-variation-settings: "opsz" 380;}
  100% {font-variation-settings: "opsz" 95;}
}

@keyframes anim1 {
  0% {font-size: 200%;}
  100% {font-size: 50%;}
}

@keyframes anim2 {
  0% {font-size: 110%;}
  100% {font-size: 100%;}
}

@keyframes anim3 {
  0% {font-size: 50%;}
  100% {font-size: 200%;}
}