body {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        /* Custom typing effect animation for the headline */
        @keyframes typing {
            from { width: 0 }
            to { width: 100% }
        }
        
        /* Custom blinking cursor animation */
        @keyframes blink-caret {
            from, to { border-color: transparent }
            50% { border-color: #6ee7b7 }
        }

        #typing-text {
            overflow: hidden; /* Ensures the text is hidden until typed */
            border-right: .15em solid #6ee7b7; /* The blinking caret */
        }

        /* Apply typing animation only on screens larger than 640px */
        @media (min-width: 640px) {
            #typing-text {
                white-space: nowrap; /* Keeps text on one line for the animation */
                animation: 
                    typing 3s steps(30, end),
                    blink-caret .75s step-end infinite;
            }
        }