:root {
  font-size: 200%;
  font-family: "Aisha"; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  
}



h1 {
  
position: absolute;
align-self: center;
margin-left: 30vw;
margin-top: 40vh;


font-size: 500%;

animation: cheese 20ms alternate infinite;
animation-delay: var(--delay);
overflow: hidden;


}


h1:hover {

animation: cheese 1s alternate infinite;
animation-delay: var(--delay);
overflow: hidden;

}


body {
  background-color: #f5ebdc;
}









@keyframes cheese {
  0% {
    font-variation-settings:  "wght" 400, "SWSH" 0;
    color: blue;
  }

  100% {
    font-variation-settings:  "wght" 800, "SWSH" 1000;
    color:#d62300;
  }


}



@keyframes salad {
  0% {
    font-variation-settings:  "wght" 400, "SWSH" 0;
    color: rgb(255, 255, 255);
  }

  100% {
    font-variation-settings:  "wght" 800, "SWSH" 1000;
    color:#ffffff;
  }


}