body {
    background-color: black;
    color: lightgray; 
    font-family: 'ModernDOS8x16', sans-serif; /* Ensure fallback */
}

.typewriter h1 {
    border-right: 2px solid black; /* Cursor effect */
    white-space: pre-line; /* Prevents wrap */
    overflow: hidden; /* Hides the text initially */
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: black; } /* Blinking cursor effect */
}

@font-face {
    font-family: 'ModernDOS8x16';
    src: url('https://gearshift.neocities.org/dosfont/moderndos8x16-webfont.woff') format('woff'),
}

#typewriter-text a {
    color: lightgrey; /* link color */
    text-decoration: underline; /* underline links */
}

#typewriter-text a:hover {
    color: whitesmoke; /* Change color on hover */
}
#output {
    font-size: 24px;
    margin-top: 20px;
    font-family: 'ModernDOS8x16', sans-serif; /* Ensure output uses the custom font */
}

#prompt {
    transition: opacity 1s ease;
}

.hidden {
    opacity: 0; /* Set opacity to 0 for fading out */
    pointer-events: none; /* Prevent interaction while fading out */
}