.logo {
  font-size: 1.5em;
  font-weight: 700;
  display: flex;
  gap: 10px;
}

.word {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease forwards;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.word1 {
  color: #e63946;
  animation-delay: 0s;
}
.word2 {
  color: #2a9d8f;
  animation-delay: 0.3s;
}
.word3 {
  color: #f4a261;
  animation-delay: 0.6s;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}