:root {
  font-size: 7vw;
  font-family: 'Sixtyfour Convergence'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  font-style: normal;
  font-optical-sizing: none;
  font-variation-settings: 'opsz' 9;
  
}

body {
  background-color: rgb(0, 0, 0);
  margin-top: 20px;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

}
span {display: inline-block}

.s1 {
  animation: my-anim1 1s infinite alternate ease-in-out;
}

.s2 {
  animation: my-anim2 1s infinite alternate ease-in-out;
}

@keyframes my-anim1 {
  from {  font-variation-settings: "BLED" 100, "SCAN" -53;}
  to {  font-variation-settings: "BLED" 100, "SCAN" 100;}
  0% { transform: translateY(0);}
  50% { transform: translateY(-10px);}
  100% {transform: translateY(0);}
}

@keyframes my-anim2 {
  from {  font-variation-settings: "BLED" 0, "SCAN" 100;}
  to {  font-variation-settings: "BLED" 100, "SCAN" -53;}
  0% { transform: translateY(0);}
  50% { transform: translateY(-10px);}
  100% {transform: translateY(0);}
}