h2{
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: clamp(2rem, 18vw, 28vh);
	line-height: .8;
	text-align: center;
	transform: translate(-50%,-50%);
	font-family: var(--font-zaft);
	font-variation-settings: 'wght' 400;
  	transition: font-variation-settings 0.1s ease-out;
}

h1{
	position: fixed;
	bottom: 2rem;
	color: var(--color-red);
	width: 100%;
	text-align: center;
}

.c1{
	color: var(--color-red);
}

.c2{
	color: var(--color-blue);
}

.c3{
	color: var(--color-pink);
}


h2{
  font-variation-settings: 'wght' 0;
  animation: none;
  }

  

@media only screen and (max-width: 800px) {


@keyframes weightPulse {
  from {
    font-variation-settings: 'wght' 0;
  }
  to {
    font-variation-settings: 'wght' 400;
  }
}


h2{
  font-variation-settings: 'wght' 0;
  animation: weightPulse 3s infinite alternate ease-in-out;
  }


}