.title-word {
  animation: color-animation 2s linear infinite;
  font-size: clamp(1rem, 9vw, 7rem) !important;
}

.title-word-1 {
  --color-1: #f8b381;
  --color-2: #3D8DAE;
  --color-3: #E4A9A8;
}

.title-word-2 {
  --color-1: #DBAD4A;
  --color-2: #ACCFCB;
  --color-3: #20a6b1;
}

.title-word-3 {
  --color-1: #c8a6f4;
  --color-2: #E4A9A8;
  --color-3: #60d3a3;
}

.title-word-4 {
  --color-1: #a1ecf7;
  --color-2: #DF8453;
  --color-3: #f57572;
}

@keyframes color-animation {
  0% {
    color: var(--color-1);
  }
  32% {
    color: var(--color-1);
  }
  33% {
    color: var(--color-2);
  }
  65% {
    color: var(--color-2);
  }
  66% {
    color: var(--color-3);
  }
  99% {
    color: var(--color-3);
  }
  100% {
    color: var(--color-1);
  }
}

h2 {
  text-align: left;
}