:root {
  font-size: 100%;
  font-family: 'nabla'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */

}
body {
  background: white;  
  display: grid;
  place-items: center;
  height: 100vh;
  margin: 0;

}
h1 {
  position: absolute;
  top: 10%;
  font-size: 100px;
  font-weight: 1;
   text-align: center;
   font-palette: --blau; /* Verwendet die definierte Farbpalette mit dem Namen --0. */
   animation: colorChange 1s infinite alternate;
}
 @font-palette-values --blau {
    font-family: 'nabla';
    base-palette: 2; /* Verwendet die Basisschriftartpalette mit dem Index 2. */
    override-colors: /* Farben überschreiben */
    1 #008000;
    7 #7EB7E4;  /* Überschreibt die Farbe mit dem Index 1 auf #7EB7E4. blau*/
  
}
 
@font-palette-values --rot {
  font-family: 'nabla';
  base-palette: 14; /* rot */
  override-colors: /* Farben überschreiben */
  1 #008000;/* Überschreibt die Farbe mit dem Index 1 auf #008000; grün*/

}
@keyframes colorChange {
  from {
    font-palette: --blau; 
    /*"EDPT" 100, "EHLT" 12*/
    font-variation-settings: "EDPT" 0, "EHLT" 0;
  }
  to {
    font-palette: --rot; 
    font-variation-settings: "EDPT" 200, "EHLT" 24;
  }
}