OBS CLR Browser plugin Twitch chat on screen

body {background-color: rgba(0, 0, 0, 0);margin: 0px auto;overflow: hidden;
  /*    HEY what's up, first of all a HUGE shoutout to my good buddy
      for really helping out with alpha testing, great guy all round      */

  /*
     Preview: https://youtu.be/Y1BSgsNFw0M

     Your URL should look like this http://twitch.tv/tehninth/chat
     Change "tehninth" to your own twitch username, obviously.

     In the General tab, your width should be set to 256 at least, and the
     height should be your
     If it looks too small, feel free to change this zoom number and set your
     new width to be 256 multiplied by this zoom number.

     Alright, have fun!                                          //version 5
  */
  zoom: 1;
}
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);
@-webkit-keyframes message{
  0%{transform:rotateX(90deg);opacity:.4}
  100%{transform:rotateX(0deg);opacity:1}
}
.ember-view{background:none}
ul.chat-lines{margin:0 10px;padding:10px 0 0 0 !important}
.chat-lines > .ember-view > .ember-view{background:#F2F2F2}
.chat-lines{padding:0}
.chat-header,.tse-scrollbar,.chat-interface,.message-line .colon{display:none;height:0}
.chat-room{top:0 !important}
.scroll.chat-messages.js-chat-messages{bottom:0 !important}
.ember-view.message-line.chat-line{overflow:auto !important;padding:0.3em 0.3em 0 0.3em;margin-bottom:1em;transform-origin:top;-webkit-animation:message 0.5s}
.message-line .timestamp{float:right;font-family:monospace;margin:1px 2px 0 0 !important}
.message-line .from{font-size:2em;font-sans-serif;padding-left:21px;display:flex;overflow:visible}
.message-line .badge{margin-right:-16px}
.badge+.badge{position:relative;top:20px;left:-2px;margin-right:-18px}
.badge+.badge+.badge{top:40px}
.message-line .message{display:block;margin:-3px 10px 0 22px;padding:0.35em 0;font-family: 'Noto Sans', sans-serif;font-size:1.5em}
.deleted{display:none}
.noty_message{display:none !important}