/* Typewriter Effect Styles */
.name {
    display: inline-block;
    min-width: 1ch;
}

.name::after {
    content: '|';
    display: inline-block;
    color: #c9a227;
    animation: blink 0.7s infinite;
    font-weight: 400;
    margin-left: 2px;
}

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Optional: smooth transition for text changes */
.name {
    transition: color 0.1s ease;
}