html {
   overflow: hidden;
}
body {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
p{
  color: black;
  font-variation-settings: 'wdth' 10,'wght' 5; 
  font-size: 21.5rem;
  line-height: 0.73;
  margin: 0;  
}
#Moma1 {
  transform-origin: center;
  animation: my-moma 2s 0s infinite alternate;
}
#Moma2 {
  transform-origin: center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma3 {
  transform-origin: center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma4 {
  transform-origin: center;
  animation: my-moma 2s 3s infinite alternate;
}
#Moma5 {
  transform-origin: center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma6 {
  transform-origin: center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma7 {
  transform-origin: center;
  animation: my-moma 2s 0s infinite alternate;
}
#Moma8 {
  transform-origin: center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma9 {
  transform-origin: center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma10 {
  transform-origin: center;
  animation: my-moma 2s 3s infinite alternate;
}
#Moma11 {
  transform-origin: center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma12 {
  transform-origin: center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma13 {
  transform-origin: center;
  animation: my-moma 2s 0s infinite alternate;
}
#Moma14 {
  transform-origin: center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma15 {
  transform-origin: center ;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma16 {
  transform-origin: center center;
  animation: my-moma 2s 3s infinite alternate;
}
#Moma17 {
  transform-origin: center center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma18 {
  transform-origin: center center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma19 {
  transform-origin: center center;
  animation: my-moma 2s 0s infinite alternate;
}
#Moma20 {
  transform-origin: center center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma21 {
  transform-origin: center center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma22 {
  transform-origin: center center;
  animation: my-moma 2s 3s infinite alternate;
}
#Moma23 {
  transform-origin: center center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma24 {
  transform-origin: center center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma25 {
  transform-origin: center center;
  animation: my-moma 2s 0s infinite alternate;
}
#Moma26 {
  transform-origin: center center;
  animation: my-moma 2s 1s infinite alternate;
}
#Moma27 {
  transform-origin: center center;
  animation: my-moma 2s 2s infinite alternate;
}
#Moma28 {
  transform-origin: center center;
  animation: my-moma 2s 3s infinite alternate;
}
@keyframes my-moma {
  from {
    font-variation-settings: 'wdth' 10,'wght' 5;
  }
  to {
    font-variation-settings: 'wdth' 6,'wght' 200;
    letter-spacing: -0.4rem;
  }
}