#wavePath {
  animation: waveAnimation 14s linear infinite;
  animation-timing-function: ease-in-out;
}

body, html {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  background: #f1f1f1;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
}

svg {
  font-weight: bold;
  max-width: 1600px;
  transform: scale(0.5);
  height: 1100%;
}

@keyframes waveAnimation {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(40px);
  }
  100% {
    transform: translateX(-10px); 

  }
}

text {
  font-family: 'Bodoni Moda';
  font-size: 14px;
  animation-name: textanimation;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  font-variation-settings: 'wght' 900, 'opsz' 6;
}

@keyframes textanimation {
  0% { font-variation-settings: 'wght' 900, 'opsz' 6; }
  100% { font-variation-settings: 'wght' 900, 'opsz' 96; }
}