:root {
  font-size: 400%;
  background-color: black;
  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; /* height, display, justify-content, align-items: Centered content */
}

h1 {
  color: white;
  animation: my-super-slant 1s infinite alternate;
}

h1:hover {animation: my-super-slant 1s infinite alternate;}

.foo {
  color: rgb(0, 0, 0);
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: white;
  animation: my-super-slant 1s infinite alternate-reverse;
}

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