body {
    font-family: 'Courier New', monospace;
    background-color: #000;
    color: lime;
    margin: 0;
    padding: 0;
}

#console {
    flex-grow: 1;
    overflow-y: auto; 
    padding: 20px;
    background-color: #000;
    color: lime;
}

#output {
    white-space: pre-wrap; /* Ensures text wraps within container */
}

#input-area {
    display: flex;
    align-items: center;
    padding: 0 20px; /* Adjust padding to match the console's padding */
    background-color: #000; /* Matches the console background */
}

#location {
    color: lime;
    user-select: none; /* Prevents the prompt text from being selectable */
}

#input {
    flex-grow: 1;
    margin-left: 5px;
    background-color: transparent;
    width:70%;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    outline: none; /* Removes the outline to make it blend into the console */
}

/* Additional styling for the scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

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

::-webkit-scrollbar-thumb {
    background: #555; 
}

::-webkit-scrollbar-thumb:hover {
    background: #888; 
}