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

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


h1 {
	text-decoration: none;
	color: #e000ff; 
  font-size: 700px;
  animation: my-super-slant 5s infinite alternate;
  mix-blend-mode: difference;
  font-family: 'ruder';
} 

h2 {
	text-decoration: none;
	color: #980033;
  font-size: 700px;
  animation: my-super-slant 4s infinite alternate;
  mix-blend-mode: difference;
  font-family: 'ruder';
} 


.container {
  color: #e000ff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}



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