:root {
  font-size: 400%;
  background-color: rgb(255, 255, 255);
  text-align: center;
  font-family: 'nickel gothic'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}

body {
  height: 100vh;
  display:flex;
  justify-content: center;
  align-items: center; 
}

h1 {
  color: white;
  letter-spacing: 10px;
  width: auto;
  padding: 40px;
  background-color: black;
  animation: my-super-slant 1s infinite alternate;
}


.big {
  font-size: 350px;
  animation: only-t 1s infinite alternate;  
  /* caps+cmd+7 = per commentari */
}

.foo {
  color: rgb(255, 255, 255);
  animation: my-super-slant 1s infinite alternate-reverse;
}

@keyframes my-super-slant {
  from { font-variation-settings: 'wdth' 25, 'slnt' 0; letter-spacing: 0px;    }
  to {  font-variation-settings: 'wdth' 25, 'slnt' 0; letter-spacing: 50px; }
}

@keyframes only-t {
  from { font-variation-settings: 'wdth' 50, 'slnt' 0;     }
  to {  font-variation-settings: 'wdth' 100, 'slnt' 0;  }
}