Restream.IO Chat CSS

CSS Code custom design with the font bebas neue


.message-item { 
    background: linear-gradient(rgba(0, 84, 232,0.0), rgba(1, 52, 143, 0.3), rgba(0, 84, 232,0.5));
}

.chat-messages_theme_default .message-text{
      font-size: 1.5em;
font-family: "bebas neue";
}

.chat-messages_theme_default .message-sender{
    font-size: 1.3em;
font-family: "bebas neue";
}
.icon-platform {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 1.5em;
    height: 1.5em;
    vertical-align: text-top;
}
.message-item {
    position: relative;
    padding: .6em;
    transition: all .3s;
    margin-bottom: .5em;
    letter-spacing: .05em;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);

    padding-bottom: 10px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;

}
.chat-messages_align_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 .0em .0em .0em;
    width: 100%;
    box-sizing: border-box;
}

.message-item {
    position: relative;
    padding: 1em;
    transition: all 1.3s;
    margin-bottom: .0em;
    letter-spacing: .05em;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

CSS Code to change text colors.


.message-sender {
    color: #fc5224;
}
.message-text {
    color: #fc5224;
}