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


body {
    /* Hinzugefügt: Stellt sicher, dass der Body die gesamte Höhe des Viewports einnimmt */
   margin: 0;
    display: grid;
    place-items: center; /* Dies sorgt dafür, dass der Inhalt zentriert wird */

}
.wrapper { 
  display: grid;
  max-width: 900px;
  width: 100%;
  height: 100vh;
  place-items: center;
  background-image: url(https://i.gifer.com/2ZZJ.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; 
}


 h1 {
  color: orangered;
  font-size: 12vh;
  /*animation*/
  animation-name: moveit;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
 }
@keyframes moveit {
  from {
    font-variation-settings: "opsz" 25;
    transform: rotate(0deg);

  }
  to {
    font-variation-settings: "opsz" 175;
    transform: rotate(45deg);
  }
}