#message {
    display: grid;
    grid-template-columns: 90% 10%;
    grid-template-rows: auto auto;
    grid-template-areas:
            "chat chat"
            "message send";
}

#chat {
    grid-area: chat;
    width: 100%;
    border: 1px solid #fff;
    height: 61vh;
    overflow-y: scroll;
}

#sendButton {
    grid-area: send;
}

#message_send {
    grid-area: message;
    width: 100%;
}

#game, #gameResult {
    margin: 10px 0;
}

.msgContainer {
    border: 2px solid #dedede;
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

.darker {
    border-color: #ccc;
    background-color: #ddd;
    justify-content: end;
}

.darker:first-child {
    margin-left: auto;
    margin-right: 3px;
}
