: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 {
  justify-self: center;
  font-weight: 700;
  animation: my-anim 1s infinite alternate;
  
}

@keyframes my-anim {
  from { font-variation-settings: 'slnt' 0, 'VVLM' -10, 'NSSS' -10;}
  to { font-variation-settings: 'slnt' 0, 'VVLM' 10, 'NSSS' 10;}

}

#s1 { color: #FF352A; }
#s2 { color: #FFC5F4; }
#s3 { color: #1D1D1D; }
#s4 { color: #FF352A; }
#s5 { color: #FFC5F4; }
#s6 { color: #1D1D1D; }