/* Simple styling for the tagline */
.typing-text {
    display: inline-block;
    color: var(--text-color);
    font-family: var(--body-font);
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* Cursor effect */
.typing-text.typing::after {
    content: '|';
    display: inline-block;
    margin-left: 2px;
    animation: blink 1s step-end infinite;
}

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

/* Add this to maintain layout height */
.tagline {
    min-height: 1.5rem;
    margin: 1rem 0;
}