body {
    margin: 0;
    padding: 0;
    width: 100%;
}

#chat {
    display: none;
}

#chatContainer {
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

input[type=text] {
    width: 100%;
    font-size: 25px;
}

input[type=button] {
    width: 100%;
}

input {
    height: 30px;
}

#discussion {
    list-style-type: none;
}

    #discussion li p {
        border-radius: 1em;
        padding-left: 10px;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        word-wrap: break-word;
    }

.caller {
    background-color: #34B2D6;
}

.all {
    background-color: #ffd800;
}

.others {
    background-color: #4BE265;
}

#allUsersContainer {
    float: right;
    margin-right: 40px;
}

#allUsers {
    list-style-type: none;
}


.onlineUsers {
    border-radius: 1em;
    padding-left: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    word-wrap: break-word;
    background-color: #b8860b;
}