:root {
  font-size: 7vw;
  font-family: 'Sixtyfour Convergence'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  
}

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

}
span {display: inline-block;
}

h2 {
  font-family: "Sixtyfour Convergence";
}

@font-palette-values --override-palette {
  font-family: "Sixtyfour Convergence";
  base-palette: 3;
  override-colors: 0 rgb(0 0 255);

}
.s1 {
  font-palette: --override-palette;
  animation: my-anim1 5s infinite alternate ease-in-out;
}

.s2 {
  font-palette: --override-palette;
  animation: my-anim1 2s infinite alternate ease-in-out;
}


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