body {

    background: #050805;
    color: #00ff66;

    font-family: monospace;

    margin: 0;
    padding: 20px;
}

.container {

    max-width: 800px;
    margin: auto;

    border: 3px solid #00ff66;

    padding: 20px;

    box-shadow: 0 0 20px #00ff66;
}

h1 {

    text-align: center;

    border-bottom: 2px dashed #00ff66;

    padding-bottom: 10px;
}

#messages {

    height: 400px;

    overflow-y: auto;

    border: 2px solid #00ff66;

    padding: 10px;

    margin-bottom: 10px;

    background: black;
}

.message {

    margin-bottom: 10px;
}

.user {

    color: #ffff00;
}

.bottom {

    display: flex;
    gap: 10px;
}

input {

    flex: 1;

    background: black;
    color: #00ff66;

    border: 2px solid #00ff66;

    padding: 10px;

    font-family: inherit;
}

button {

    background: #00ff66;
    color: black;

    border: none;

    padding: 10px;

    cursor: pointer;

    font-weight: bold;
}