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

body {
  height: 100vh;
  color: white;
  display:flex;
  line-height: 100px;
  justify-content: center;
  align-items: center;
  /* -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: white; */
  /* transform: rotate(-180deg); */
  /* letter-spacing: 200px; */
}

h1 {
  /* justify-self: center; */
  color: white;
  margin: -40px;
  font-size: 600%;
  font-variation-settings: 'wdth' 100, 'wght' 300, 'slnt' 20;
  animation: animation 6s infinite alternate;
  transition: all .3s ease-out;
}

@keyframes animation {
  from {font-variation-settings: 'wdth' 0, 'wght' 20;}
  to {font-variation-settings: 'wdth' 100, 'wght' 300;}
}