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

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

.container {
  display: grid;
  height: 100vh; 
  width: 100vw; 
  text-align: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  
}

.ottos {
  grid-column: 1;
  grid-row: 1;
  font-variation-settings: "wdth" 300;
  font-size: 500px;
  color:#e000ff;
  animation: my-super-slant 1s infinite alternate ease-in-out;
}


.rectangle {
  grid-column: 1;
  grid-row: 1;
  width: 1400px;
	height: 358px;
  border: px solid #e000ff;
  background-color: #980033;
  border-radius: 50px;
  transform: skew(20deg);
  animation: my-super-slant-2 1s infinite alternate ease-in-out;
  margin-top: -58px;
  margin-left: 20px;
  mix-blend-mode:screen;
}


@keyframes my-super-slant{
  0% {font-variation-settings: "slnt" -15; transform: translateY(0px);  }
  100% { font-variation-settings: "slnt" 15; transform: translateY(0px); }
}

@keyframes my-super-slant-2{
  0% { transform: skew(15deg); }
  100% { transform: skew(-15deg); }
}