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

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



.container {
  display: grid;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.ottos1 {
grid-row: 1;
grid-column: 1;
font-size: 800px;
margin: -20px;
animation: my-super-slant 1s infinite alternate ease-in-out;
color: #e000ff;
}

.ottos2 {
  grid-row: 1;
  grid-column: 1;
  font-size: 800px;
  margin: -20px;
  animation: my-super-slant-2 1s infinite alternate ease-in-out;
  color: #980033;
  }
  


@keyframes my-super-slant{
  0% {  font-variation-settings: "wght" 300, "wdth" 700; transform: rotateY(0deg); }
  100% {  font-variation-settings:  "wght" 700, "wdth" 200; transform: rotateY(180deg); }
}

@keyframes my-super-slant-2{
  0% {  font-variation-settings: "wght" 700, "wdth" 200; transform: rotateX(180deg); }
  100% {  font-variation-settings:  "wght" 300, "wdth" 700; transform: rotateX(0deg); }
}