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

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

.wrapper {
  display: grid;
  grid-template-columns: 5;
  gap: auto;
  grid-auto-rows: 2;
  font-size: 200px;
}


.otto1 {
  color: #e000ff;
  grid-column: 1;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 0.2s;
} 

.otto11 {
  color: #980033;
  grid-column: 1;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 1s;
} 

.otto2 {
  color: #e000ff;
  grid-column: 2;
  grid-row: 2;
  animation: my-super-slant 3s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 0.9s;
} 

.otto22 {
  color: #980033;
  grid-column: 2;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 2s;

} 

.otto3 {
  color: #e000ff;
  grid-column: 3;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 0.3s;

} 

.otto33 {
  color: #980033;
  grid-column: 3;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 1.4s;
} 

.otto4 {
  color: #e000ff;
  grid-column: 4;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 1.2s;
}

.otto44 {
  color: #980033;
  grid-column: 4;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 0.5s;
}

.otto5 {
  color: #e000ff;
  grid-column: 5;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 0.1s;
}

.otto55 {
  color: #980033;
  grid-column: 5;
  grid-row: 2;
  animation: my-super-slant 2s infinite alternate ease-in-out;
  mix-blend-mode: difference;
  animation-delay: 1.6s;
}



@keyframes my-super-slant {
  0% { font-variation-settings: "YTUC" 100; transform: translateY(0) }
  100% { font-variation-settings: "YTUC" 900; transform: translateY(70vh) }
}