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

h2:hover {

transform: skew(30deg, 20deg);

}


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


font-size: 500%;

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




}


h2 {
  
  position: absolute;
  align-self: center;
  margin-left: 30.5vw;
  margin-top: 30.5vh;
  letter-spacing: 1.6px;
  
  
  font-size: 485%;
  
  animation: salad 1s alternate infinite;
  animation-delay: var(--delay);
  overflow: hidden;
  z-index: 2;
  
  
  
  
  }


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;
  }


}