/* CSS Styling */
.typing-container {
    max-width: 500px;
    width: 100%;
    margin: 50px auto; /* Centers the container on the page */
}

#typing-area {
    width: 100%;
    min-height: 200px;
    padding: 15px;
    font-family: 'Courier New', Courier, monospace; /* Clean typing font */
    font-size: 16px;
    line-height: 1.5;
    resize: vertical; /* Allows the user to adjust height */
    border: 2px solid #ccc;
    border-radius: 8px;
    box-sizing: border-box; /* Prevents padding from breaking width */
    outline: none;
}

    #typing-area:focus {
        border-color: #007bff; /* Highlights box when typing */
    }