:root {
  font-family: 'DynaPuff'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  font-size: 25vw;
  color: #FFC5F4;
}

body {
    background-color: #1D1D1D;
    margin:0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  
  }
  .wrapper {
      height: 700px;
      display: flex;
      align-items: center;
      /* flex-direction: column; */
      /* Horizontale */
      justify-content: center;
      /*  justify-content: space-between; */
      /* justify-content: space-around;
      /* Vertikale */
      align-items: center;    
  }

  .item1 {
      animation: my-anim1 1s infinite alternate;
  }

  .item2 {
      animation: my-anim1 2s infinite alternate;
  }

  .item3 {
      animation: my-anim1 3s infinite alternate;
  }

  .item4 {
      animation: my-anim1 1s infinite alternate;
  }

  .item5 {
      animation: my-anim1 2s infinite alternate;
  }

  .item6 {
    animation: my-anim1 3s infinite alternate;
}


@keyframes my-anim1 {
  from {font-variation-settings: 'wdth' 100, 'wght' 400;}
  to {font-variation-settings: 'wdth' 75, 'wght' 700;}
  from {color: #FFC5F4;}
  to {color: rgb(0, 0, 0);}
}