body {
    background-color: #FFC107; /* Amber background */
    color: #000000; /* Black text */
    font-family: monospace;
    margin: 0;
    padding: 20px;
}

.container {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

h1 {
    font-size: 24px;
}

p {
    font-size: 16px;
}

#chat-box {
    background-color: #FFF8E1; /* Light amber for chat area */
    border: 1px solid #000000;
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
}

input[type="text"] {
    width: 70%;
    padding: 5px;
    font-family: monospace;
    background-color: #FFF8E1;
    border: 1px solid #000000;
    color: #000000;
}

button {
    padding: 5px 10px;
    font-family: monospace;
    background-color: #000000;
    color: #FFC107;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #333333;
}