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

body{
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  font-weight: 700;
  animation: my-anim 1s infinite alternate;
  border-radius: 50px;
  
}

@keyframes my-anim {
  from { font-variation-settings: 'slnt' 0, 'VVLM' 0, 'NSSS' -10;}
  to { font-variation-settings: 'slnt' 0, 'VVLM' 0, 'NSSS' 10;}
  0%   {background-color: #FF352A;}
  25%  {background-color: #FFC5F4;}
  50%  {background-color: black;}
  100% {background-color: #1D1D1D;}
  0%   {color: #1D1D1D;}
  25%  {color: #FF352A;}
  50%  {color: #FFC5F4;}
  100% {color: black;}

}