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

h1{
color: red;
font-family: 'UTMorph-variable';
font-size: 32vw;
text-align: center;
margin: 0;
letter-spacing: .1rem;
transform: perspective(32vw) translateZ(50px) rotateY(-30deg);
animation: turn 3s infinite alternate;
}


@keyframes turn {
  from { font-variation-settings: 'PSTV' 100, 'CRSV' 0; letter-spacing: 0px; transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(0.5); }
  to {  font-variation-settings: 'PSTV' 1, 'CRSV' 0; letter-spacing: 0px; transform: perspective(800px) translateZ(200px) rotateY(360deg) scale(1); }
}