:root {
  font-family: 'harber'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
  font-size: 12vw;
  color: rgb(255, 255, 255);
}

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

  }

  .wrapper {
      height: 700px;
      display: flex;
      align-items: center;
      justify-content: center;
  }


  .item1 {
      animation: my-anim 1s infinite alternate;
      color: #FFC5F4;
  }

  .item2 {
      animation: my-anim 1.5s infinite alternate;
      color: #FF352A;
  }

  .item3 {
      animation: my-anim 2s infinite alternate;
      color: white;
  }

  .item4 {
      animation: my-anim 2.5s infinite alternate;
      color:#FFC5F4;
  }

  .item5 {
      animation: my-anim 3s infinite alternate;
      color: #FF352A;
  }

  .item6 {
    animation: my-anim 3.5s infinite alternate;
    color: white;
}

@keyframes my-anim {
    50% { font-size: 100%;}
    100% { font-size: 200%;}
    from { font-variation-settings: 'slnt' -3, 'VVLM' 2, 'NSSS' -10;}
    to { font-variation-settings: 'slnt' 3, 'VVLM' -2, 'NSSS' 10;}
}