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

body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
  }
  
  .container {
    display: flex;
    align-items: center;
    gap: -200px;;
  }
  
  .column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  h1 {
    font-size: 2rem;
    color: pink;
    letter-spacing: -10px;
    animation: my-super-slant 5s infinite alternate;
  }
  
  h2 {
    font-size: 2rem;
    color: white;
    letter-spacing: -10px;
    mix-blend-mode: difference;
    animation: my-super-slant 0.5s infinite alternate-reverse;
  }

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