section{
	background-color: #08A8C4;
}



*
{
	margin: 0;
	padding: 0;
	font-family: consolas;
}

body
{
	text-align: center;
}


.wavy {
  text-align: center;
  color: #fff;
  padding: 1em;
  white-space: nowrap;
}

.wavy .word {
  display: inline-block;
  font-size: 3em;
  text-transform: uppercase;
  animation: animate 2.9s ease-in-out infinite;
  animation-delay: calc(0.1s * var(--i));
}

.line {
  display: inline;
}

@keyframes animate {
  0% { transform: translateY(0px); }
  20% { transform: translateY(-20px); }
  40%, 100% { transform: translateY(0px); }
}

/* Responsive : 3 lignes sur petit écran */
@media screen and (max-width: 768px) {
  .line {
    display: block;
  }

  .wavy .word {
    font-size: 2.2em;
  }
}