body {
    background-color: #222; /* Darker background for contrast */
    color: #33FF99; /* Softer green */
    font-family: 'Consolas', 'Monaco', 'Courier New', Courier, monospace; /* Prioritize more modern monospace fonts */
    margin: 0;
    padding: 40px; /* Add padding around the window */
    display: flex; /* Center the window */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    box-sizing: border-box;
}

.terminal-window {
    width: 80%;
    max-width: 800px; /* Limit max width */
    background-color: #111;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.title-bar {
    background-color: #333; /* Title bar background */
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #444;
}

.buttons {
    display: flex;
}

.button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    display: inline-block;
}

.button.close { background-color: #ff5f56; }
.button.minimize { background-color: #ffbd2e; }
.button.maximize { background-color: #27c93f; }

.title {
    color: #ccc; /* Title text color */
    font-size: 0.9em;
    font-weight: bold;
    flex-grow: 1;
    text-align: center;
    margin: 0 10px;
}

.terminal {
    /* Remove border and shadow from the content area */
    border: none;
    box-shadow: none;
    padding: 15px;
    /* Adjust height based on window padding and title bar */
    height: 50vh; /* Example fixed height, adjust as needed */
    background-color: #111; /* Ensure background color matches window */
    overflow-y: auto; /* Allow scrolling if content exceeds height */
}

#output {
    white-space: pre-wrap; /* Preserve whitespace and line breaks */
    word-wrap: break-word;
    color: #33FF99;
}

.prompt {
    color: #33FF99; /* Softer green */
}

.cursor {
    display: inline-block;
    background-color: #33FF99; /* Softer green */
    width: 10px;
    height: 1.2em;
    animation: blink 1s step-end infinite;
    vertical-align: bottom;
    margin-left: 5px;
}

@keyframes blink {
    from, to { background-color: transparent }
    50% { background-color: #33FF99; } /* Softer green blink */
}

h1 {
    color: #AAA; /* Muted color for the page title */
    text-align: center;
    margin-bottom: 20px;
    /* Remove text shadow for the h1 */
    text-shadow: none;
    font-weight: normal;
    font-size: 1.5em;
}