body, html {
  margin: 0;
  height: 100%; 
  display: flex;
  justify-content: center; 
  align-items: center; 
}


.container {
  display: flex;     
  flex-direction: column;
  align-items: center;
  text-align: center; 
}


@keyframes wacky {
  0% { font-variation-settings: "wght" 400, "opsz" 6;}
  25% { font-variation-settings: "wght" 400, "opsz" 6;}
  50% { font-variation-settings: "wght" 800, "opsz" 69;}
  75% { font-variation-settings: "wght" 800, "opsz" 69;}
  100% { font-variation-settings: "wght" 400, "opsz" 6;}
}


p {
  animation: wacky 5s infinite ease; 
  font-size: 10vh; 
  color: rgb(255, 213, 0);
  margin: 0; 
  padding: 0;
  line-height: 1;
  font-weight: normal;
  font-family: "Bodoni Moda", serif;
}

p:nth-child(2) { animation-delay: 0.1s; }
p:nth-child(3) { animation-delay: 0.2s; }
p:nth-child(4) { animation-delay: 0.3s; }
p:nth-child(5) { animation-delay: 0.4s; }
p:nth-child(6) { animation-delay: 0.5s; }