Side KapChat

#chat_box {
    /* For use with https://nightdev.com/hosted/obschat?theme=&channel=channelname&fade=false&bot_activity=false&prevent_clipping=false */
    /* Replace 'channelname' with your twitch channel */
    /* Set the OBS Browser source to height of 50 (width can be whatever) */

    /* Customize Text Style here */

    font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-size: 20px;
    color: #D3D3D3;
    text-shadow:
        2px 2px 1px #000,
        -1px 2px 1px #000,
        2px -1px 1px #000,
        -1px -1px 1px #000;

    /* Don't touch anything below here */

    white-space: nowrap;
    right: 0;
    padding-top: 5px;
    width: auto;
}

.chat_line {
    display: inline-block;
    animation: slide-in 500ms 1;
}

.chat_line * {
    vertical-align: top;
}

.emoticon {
    transform: translate(0, -5px);
}

@keyframes slide-in {
    from {
        opacity: 0;
    } to {
        opacity: 100%;
    }
}