@font-face {
  font-family: 'UTMorph-variable';
  src: url('fonts/UTMorph-variable.woff2') format('woff2');
}


html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrapper {
  display: grid;
  grid-template-columns: 25% 25%  25%  25% ;
  text-align: center;
  grid-template-rows: 200px 200px 200px 200px 200px;
  font-family: "cheee-variable", sans-serif;
  font-size: 14rem;
  color: red;
  animation: line1 3s infinite linear;

  align-items: center;
  justify-items: center; 
}



@keyframes line1 {
  0%,
  100% {
    font-variation-settings: "GRVT" 989, "YEST" 0;
  }
  50% {
    font-variation-settings: "GRVT" 0, "YEST" 989;
  }