:root {
  font-family: 'DynaPuff'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  line-height: 8rem;
  background-color:rgb(252, 0, 0)

  /* background-color:rgb(166, 3, 60) */

}

h1 {
  justify-self: center;
  transform: rotate(-15deg);
  margin: -3rem;
  font-size: 1300%;
  font-variation-settings: 'wdth' 75, 'wght' 700;
  animation: my-anim3 5s infinite alternate;
}

h2 {
  justify-self: center;
  transform: rotate(-15deg);
  transform: rotate(6deg);
  line-height: 10rem;
  margin: 0rem;
  font-size: 1100%;
  font-variation-settings: 'wdth' 75, 'wght' 700;
  animation: my-anim3 6s infinite alternate;
  mix-blend-mode: color-dodge;
}


@keyframes my-anim3 {
  from {font-variation-settings: 'wdth' 75, 'wght' 400;}
  to {font-variation-settings: 'wdth' 100, 'wght' 700;}
  from {color: rgb(255, 0, 225);}
  to {color: rgb(251, 154, 201);}
}

@keyframes my-hgfarbwechsel {
  from { background-color:rgb(248, 61, 127)}
  to {font-variation-settings:rgb(249, 174, 200)}
}

/* * =======================
* Dyna Puff
* =======================
*
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 700
// <width>: Use a value from 75 to 100 */