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

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



.container {
  position: relative;
}


.word1 {
  position: relative;
  font-size: 600px;
  animation: my-super-slant 4s infinite ;
  mix-blend-mode: difference;
  color: #e000ff


}

.word2 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 600px;
  animation: my-super-slant-2 4s infinite ;
  mix-blend-mode: difference;
  color: #e000ff





}



@keyframes my-super-slant {
  from {
    font-variation-settings: "CASL" 0, "wght" 300, "CRSV" 0, "slnt" -15; }
  to {   font-variation-settings: "CASL" 1, "wght" 1000, "CRSV" 1, "slnt" 0;  }
}

@keyframes my-super-slant-2 {
  from {     font-variation-settings: "CASL" 1, "wght" 1000, "CRSV" 1, "slnt" 0; }
  to { font-variation-settings: "CASL" 0, "wght" 300, "CRSV" 0, "slnt" -15; }
}