html {
    min-height: 100%;
}
body {
    height: 100%;
}

.homepage {
    width:250px;
    position: absolute;
    top:50%;
    left:50%;
    margin-left:-125px;
    margin-top:-54px;
}

.content {
    /*height: 100%;*/
    /*overflow-y: auto;*/
    /*width: 100%;*/
    /*position:relative;*/
}

.content .chat-container {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
}

.chat-online {
    color: #34ce57
}

.chat-offline {
    color: #e4606d
}

.chat-messages {
    display: flex;
    flex-direction: column;
}
.chat-message-left,
.chat-message-right {
    display: flex;
    flex-shrink: 0
}

.chat-message-left {
    margin-right: auto
}

.chat-message-right {
    flex-direction: row-reverse;
    margin-left: auto
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important;
}
.flex-grow-0 {
    flex-grow: 0!important;
}
.border-top {
    border-top: 1px solid #dee2e6!important;
}