: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; /* height, display, justify-content, align-items: Centered content */
}

h1 {
  color: white;
  letter-spacing: 10px;
  animation: my-super-slant 1s infinite alternate;
  border: 10px solid rgb(255, 255, 255);
  outline: 2px solid rgb(255, 255, 255);
  width: auto;
  padding: 30px;
  padding-left: 30px;
  background-color: black;
}

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

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

.foo {
  color: rgb(255, 255, 255);
  -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, 'slnt' -15; letter-spacing: 0px;    }
  to {  font-variation-settings: 'wdth' 25, 'slnt' 15; letter-spacing: 50px; }
}

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