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

body {
  height: 100vh;
  margin-top: 35vh;
  align-items: center;
  justify-content: center;
  background-color: #1D1D1D;
}

h1 {
  text-align: center;
  color: #ff352a;
  font-size: 10vw;
   /* letter-spacing: 0px;*/
  font-family: 'harber';
  font-variation-settings: 'wght' 0, 'VVLM' -10, 'NSSS' 0;
  /*Create overlap*/
  /*Animation*/
  animation: glitch1 2.5s infinite;
}

/*Keyframes*/

@keyframes glitch1 {
  0% {
    transform: none;
    opacity: 1;
  }
  7% {
    transform: skew(-1deg, -1.8deg);
    opacity: 0.75;
  }
  10% {
    transform: none;
    opacity: 1;
  }
  27% {
    transform: none;
    opacity: 1;
  }
  30% {
    transform: skew(1.6deg, -0.2deg);
    opacity: 0.75;
  }
  35% {
    transform: none;
    opacity: 1;
  }
  52% {
    transform: none;
    opacity: 1;
  }
  55% {
    transform: skew(-2deg, 0.4deg);
    opacity: 0.75;
  }
  50% {
    transform: none;
    opacity: 1;
  }
  72% {
    transform: none;
    opacity: 1;
  }
  75% {
    transform: skew(0.8deg, 2deg);
    opacity: 0.75;
  }
  80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
  0% {font-variation-settings: 'VVLM' -10, 'wght' -10;}
  50% {font-variation-settings: 'VVLM' 10, 'wght' 10}
  100% {font-variation-settings: 'VVLM' -10, 'wght' -10;}
}