/* Typing Effect Styles */

/* Первая строка - статическая, без курсора */
#typing-text-1 {
    color: #FFD700; /* Желтый цвет */
}

/* Вторая строка - динамическая с курсором */
#typing-text-2 {
    color: white; /* Белый цвет */
}

#typing-text-2::after {
    content: '|';
    animation: blink 0.7s infinite;
    margin-left: 2px;
}

/* Анимация мигания курсора */
@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}

/* Стили для мобильных устройств */
@media (max-width: 768px) {
    #typing-text-2::after {
        margin-left: 1px;
    }
}