:root {
  font-family: 'whoa';
}

body {
  margin: 0;
}

.hand {
  position: fixed;
  z-index: 1;
  padding: 5px;
}

.grid-container-1 {
  display: grid;
  font-size: 600px;
  color: blue;
  justify-content: center;
  height: 0px;
  animation: my-super-slant-1 3s infinite alternate ease-in-out;
}

.grid-container-2 {
  display: grid;
  font-size: 600px;
  color:#980033;
  justify-content: center;
  height: 0px;
  animation: my-super-slant-2 3s infinite alternate ease-in-out; 
}

.grid-container-3 {
  display: grid;
  font-size: 600px;
  color: #e000ff;
  justify-content: center;
  height: 0px;
  animation: my-super-slant-3 3s infinite alternate ease-in-out;
}


.grid-container div {
height: 150px;
padding: 30px;
position: absolute;
}


@keyframes my-super-slant-1 {
  from {  font-variation-settings: "hrzn" -1000;  }
  to {  font-variation-settings:  "hrzn" 1000;  }
}

@keyframes my-super-slant-2 {
  from {  font-variation-settings: "vert" 1000;  }
  to {  font-variation-settings:  "vert" -1000;  }
}

@keyframes my-super-slant-3 {
  from {  font-variation-settings: "rota" -45;  }
  to {  font-variation-settings:  "rota" 45;   }
}