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


  
  body {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* body {
    height: 100vh;
    display:flex;
    line-height: 10px;
    justify-content: center;
    align-items: center; 
  } */

  .container {
    display: flex;
    gap: 10px;
  }
  
  .column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  h1 {
    font-size: 8rem;
    color: white;
    letter-spacing: -10px;
    animation: my-super-slant 1s infinite alternate;
  }
  
  h2 {
    font-size: 8rem;
    color: white;
    letter-spacing: -10px;
    animation: my-super-slant 2s infinite alternate;
  }

@keyframes my-super-slant {
  from { font-variation-settings: 'YTUC' 100;  }
  to {  font-variation-settings: 'YTUC' 900; }
}