@import url(https://fonts.googleapis.com/css?family=Roboto:700);

* {
    box-sizing: border-box;
} 

html. body {
    height: 100%;
    overflow: hidden;
} 

body {
   text-shadow: 0 0 1px #000, 0 0 2px #000;
    background: {background_color};
    font-family: 'Roboto';
    font-weight: 700;
    font-size: {font_size};
    line-height: 1.5em;
    color: {text_color};
  } 

#log>div {
    animation: fadeInRight .3s ease forwards, FadeOut 0.5s ease {message_hide_delay} forwards;
    -webkit-animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay}
  }

.colon {
   display: none;
  }

#log {
     
     position: absolute;
     bottom: 0;
     left: 0;
     padding: 0 10px 10px;
     width: 100%;
     
     }

#log>div {
    
  #log>div.deleted {
      visibility: hidden;
}    
    
#log .emote {
       background-repeat: no-repeat;
   no-repeat;
    background-position: center;
   center;
    background-size: contain;
   contain;
    padding: 0.4em 3em 0.2em;
   3em;
    position: relative;
}
  \n   
#log .emote img {
     display: inline-block;\n      height: lem;\n      opacity: 0;\n}\n  \n#log .message.#Log .meta {\n     vertical-align: top;\n     display: table-cell;\n     padding-bottom: 0.1em;\n}\n  \n#log .meta [\n     display: inline;\n     background: #048cfa;\n     boder-radius: 0px 15px\n     padding: 0.5em;\n     text-overflow: ellipsis;\n     overflow: hidden;\n}\n\n\n#log .message {\n     background: #F823BB;\n     padding: lem\n     border-radius: 20px;\n     width: 65%;\n}\nbadge {\n    display: inline-block;
       height: lem;
    opacity: 0;