@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;
   background-position: center;
   background-size: contain;
   padding: 0.4em 0.2em;
   position: relative;
}
  
  #log .emote img {
     display: inline-block;
      height: lem;
      opacity: 0;
}
  
#log .message.#Log .meta {
     vertical-align: top;
     display: table-cell;
     padding-bottom: 0.1em;
}
  
#log .meta [
     display: inline;
     background: #048cfa;
     boder-radius: 0px 15px
     padding: 0.5em;
     text-overflow: ellipsis;
     overflow: hidden;
}


#log .message {
     background: #F823BB;
     padding: lem
     border-radius: 20px;
     width: 65%;
}
badge {
    display: inline-block;