body {
    font-family: monospace; /* Use a monospaced font */
    background-color: #000;  /* Dark background */
    color: #fff;            /* White text */
    margin: 0;              /* Remove default body margin */
    height: 100vh;          /* Full viewport height */
    width: 100vw;           /* Full viewport width */
    overflow: hidden;       /* Hide scrollbars */
}

.terminal-container {
    width: 100%;           /* Span the entire window width */
    height: 100vh;          /* Fill the entire viewport height */
    display: flex;         /* Use Flexbox for layout */
    flex-direction: column; /* Stack elements vertically */
}

#codeInput {
    width: 100%;           /* Span the entire container width */
    padding: 5px;         /* Reduced padding */
    border: none;          /* No border */
    background-color: #000;  /* Match background color */
    color: #fff;            /* White text */
    font-family: monospace; /* Monospaced font */
    outline: none;         /* Remove focus outline */
}

#terminalOutput {
    height: calc(100vh - 45px);  /* Calculate height, subtracting input field height */
    overflow-y: scroll; /* Enable vertical scrolling */
    padding: 10px;
    background-color: #000;  /* Match background color */
    color: #fff;            /* White text */
    border: none;
    font-family: monospace;
    white-space: pre-wrap;  /* Preserve whitespace and wrap lines */
    word-break: break-all; /* Break long words to prevent overflow */
}

#terminalOutput::-webkit-scrollbar {
    width: 8px;
}

#terminalOutput::-webkit-scrollbar-track {
    background: #000;
}

#terminalOutput::-webkit-scrollbar-thumb {
    background: #444;
}