1. @import url(https://fonts.googleapis.com/css?family=Roboto:700);
2.  
3. * {
4.     box-sizing: border-box;
5. }
6.  
7. html. body {
8.     height: 100%;
9.     overflow: hidden;
10. }
11.  
12. body {
13.    text-shadow: 0 0 1px #000, 0 0 2px #000;
14.     background: {background_color};
15.     font-family: 'Roboto';
16.     font-weight: 700;
17.     font-size: {font_size};
18.     line-height: 1.5em;
19.     color: {text_color};
20.   }
21.  
22. #log>div {
23.     animation: fadeInRight .3s ease forwards, FadeOut 0.5s ease {message_hide_delay} forwards;
24.     -webkit-animation: fadeInRight .3s ease forwards, fadeOut 0.5s ease {message_hide_delay}
25.   }
26.  
27. .colon {
28.    display: none;
29.   }
30.  
31. #log {
32.      
33.      position: absolute;
34.      bottom: 0;
35.      left: 0;
36.      padding: 0 10px 10px;
37.      width: 100%;
38.      
39.      }
40.  
41. #log>div {
42.    
43.   #log>div.deleted {
44.       visibility: hidden;
45. }    
46.    
47. #log .emote {
48.    background-repeat: no-repeat;
49.    background-position: center;
50.    background-size: contain;
51.    padding: 0.4em 0.2em;
52.    position: relative;
53. }
54.  
55.   #log .emote img {
56.      display: inline-block;
57.       height: lem;
58.       opacity: 0;
59. }
60.  
61. #log .message.#Log .meta {
62.      vertical-align: top;
63.      display: table-cell;
64.      padding-bottom: 0.1em;
65. }
66.  
67. #log .meta [
68.      display: inline;
69.      background: #048cfa;
70.      boder-radius: 0px 15px
71.      padding: 0.5em;
72.      text-overflow: ellipsis;
73.      overflow: hidden;
74. }
75.  
76.  
77. #log .message {
78.      background: #F823BB;
79.      padding: lem
80.      border-radius: 20px;
81.      width: 65%;
82. }
83. badge {
84.     display: inline-block;
85.