#typed-word {
    font-size: 2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    display: inline-flex; /* Change to inline-flex to space out individual letters */
    gap: 2px; /* Optional: Adjust spacing between letters */
}

.fade-in {
    opacity: 0; /* Start invisible */
    animation: fadeIn 0.5s forwards; /* Smooth fade-in animation */
}

.fade-out {
    animation: fadeOut 0.5s forwards; /* Smooth fade-out animation */
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}