/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://gilbertmiralo.com
 Description:  My first child theme, based on Twenty Fourteen
 Author:       Gilbert
 Author URI:   http://gilbertmiralo.com
 Template:     twentyseventeen
 Version:     3.6
 Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns
 Text Domain:  twenty-seventeen-child
*/

/* Typewriter Effect CSS */
#typewriter-text {
    /* Ensures the element takes up only the necessary space */
    display: inline-block; 
    /* This creates the vertical blinking cursor effect */
    border-right: 2px solid; 
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Clips the text before it's "typed" */
    
    /* Animation for the blinking cursor */
    animation: 
        blink-caret 0.75s step-end infinite;
}

/* Define the Blinking Cursor Animation */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: currentColor; } /* Use the text's color for the cursor */
}