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

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



.flex-container {
  display: flex;
  font-size: 150px;
  height: 100vh;
}

.otto1 {
height: 150px;
width: min-content;
padding: 30px;
color: #e000ff;
animation: my-super-slant 5s infinite  ease-in-out;
animation-delay: 0.2s;
background-color: #980033;
border-radius: 50px;
margin-top: 100px;
}

@keyframes my-super-slant{
  0% {  font-variation-settings:  "wdth" 25, "slnt" -15; transform: translate(0px, 0px); }
  33% {  font-variation-settings:  "wdth" 150, "slnt" 15; transform: translate(860px, 0px); }
  56% {  font-variation-settings:  "wdth" 150, "slnt" 15; transform: translate(860px, 600px);  }
  79% {  font-variation-settings:  "wdth" 25, "slnt" -15; transform: translate(0px, 600px);  }
  100% {  font-variation-settings:  "wdth" 25, "slnt" -15; transform: translate(0px, 0px); }
}