:root {
  font-family: 'harber'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  font-size: 100px;
  color: rgb(255, 255, 255);
}

.grid {
  background-color: white;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 100px;
  /*  grid-gap: 10px;
  /* justify-items: center ;
  align-items: center;   */
   
}

.flex1 {
  display: flex;
  /* background-color: rgb(200, 255, 0); */
  justify-content: center;
  align-items: center; 
  animation: my-anim2 2s infinite alternate;

}

.flex2 {
  display: flex;
  /* background-color: rgb(200, 255, 0); */
  justify-content: center;
  align-items: center; 
  animation: my-anim2 3s infinite alternate;

}
.flex3 {
  display: flex;
  /* background-color: coral; */
  justify-content: center;
  align-items: center; 
  animation: my-anim2 2s infinite alternate;
  
}
@keyframes my-anim2 {
  from {font-variation-settings: 'VVLM' -10, 'wght' 0, 'slnt' -10;}
  to {font-variation-settings: 'VVLM' 10, 'wght' 10, 'slnt' 10;}
  from {filter: drop-shadow(0 0 0 rgb(0, 0, 0));;}
  to {filter: drop-shadow(0 0 0.5rem rgb(0, 0, 0));;}
}