body {
    background-color: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.typewriter-container {
    /* Simulating the "paper" area */
    background-color: white;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    width: 600px;
    min-height: 100px;
}

#typewriter-text {
    /* Use a monospace font for authenticity */
    font-family: 'Courier New', Courier, monospace;
    font-size: 1.2em;
    /* The cursor effect */
    border-right: .1em solid black;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding-right: 5px; /* space for the cursor */
    display: inline-block;
}

/* Optional: Blinking cursor animation (CSS only) */
@keyframes blink {
    from, to { border-right-color: transparent }
    50% { border-right-color: black; }
}

/* Apply animation after text finishes typing in JS */
.final-cursor {
    animation: blink 1s step-end infinite;
}