/* Typing Effect Animation */
.typing-effect {
  overflow: hidden;
  border-right: 3px solid #f15641;
  white-space: nowrap;
  animation: blink 0.75s infinite;
  display: inline-block;
}

@keyframes blink {
  0%, 49% {
    border-right-color: #f15641;
  }
  50%, 100% {
    border-right-color: transparent;
  }
}

.typing-effect.complete {
  animation: blink 0.75s infinite;
  border-right-color: #f15641;
}

/* Optional: Add transition for smoother deletion */
@keyframes typingDelete {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}