:root {
  font-family: 'DynaPuff'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  font-size: 400px;
}

body {
  background-color: #1D1D1D;
  margin:0;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;

}

  .wrapper {
    transform: perspective(800px) translateZ(150px) rotateY(-30deg);
      height: 700px;
      display: flex;
      /* flex-direction: column; */

      /* Horizontale */
      justify-content: center;
      /*  justify-content: space-between; */
      /* justify-content: space-around;


      /* Vertikale */
      align-items: center;    
  }

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

  .item2 {
      animation: my-anim2 2.1s infinite alternate;
  }

  .item3 {
      animation: my-anim3 2.2s infinite alternate;
  }

  .item4 {
      animation: my-anim4 2.3s infinite alternate;
  }
  .item5 {
      animation: my-anim5 2.4s infinite alternate;
  }
  .item6 {
    animation: my-anim6 2.5s 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: black;}
}

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

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

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

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

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



