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

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

.container {
  position: relative;
  font-size: 2000px;
}


.word1 {
  position: absolute;
  animation: my-super-slant 2s infinite ease-in-out ;
  mix-blend-mode: difference;
  color: #e000ff;
}

.word2 {
  position: absolute;
  animation: my-super-slant-2 2s infinite ease-in-out ;
  color: #980033;
  mix-blend-mode: difference;
}


@keyframes my-super-slant {
  from {  font-variation-settings: "RECT" 900, "ELSH" 1, "BACK" 1, "wght" 500; translate: -500px; }
  to {  font-variation-settings: "RECT" 1,"ELSH" 1,"BACK" 900, "wght" 1; translate: -100px; }
}

@keyframes my-super-slant-2 {
  from {   font-variation-settings: "RECT" 1,"ELSH" 1,"BACK" 900, "wght" 1; translate: -100px; }
  to {  font-variation-settings: "RECT" 900, "ELSH" 1, "BACK" 1, "wght" 500; translate: -500px; }
}