:root {
  font-family: 'DynaPuff'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  background-color:#1d1D1D;

}

h1 {
  justify-self: center;
  margin: -40px;
  font-size: 1000%;
  font-variation-settings: 'wdth' 75, 'wght' 700;
  animation: my-anim3 0.5s infinite alternate;
}

h2 {
  justify-self: center;
  margin: -40px;
  font-size: 1000%;
  font-variation-settings: 'wdth' 75, 'wght' 700;
  animation: my-anim3 1s infinite alternate;
}

body:hover {
  background-color:white;
}

@keyframes my-anim3 {
  from {font-variation-settings: 'wdth' 75, 'wght' 400;}
  to {font-variation-settings: 'wdth' 100, 'wght' 700;}
  from {color: #FFC5F4;}
  to {color: #FF352A;}

}