.typing-container {
    display: inline-block;
    font-weight: bold;
    font-size: 2rem;
}

.typing-effect {
    color: var(--bs-primary); /* Uses Bootstrap primary color */
    display: inline;
}

.cursor {
    display: inline-block;
    width: 6px;
    height: 1.2em;
    background-color: var(--bs-primary);
    animation: blink 0.8s infinite;
}

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