chat schöner?

ReallifeGamemode.Client/assets/css/chat/main.scss

@@ -0,0 +1,89 @@
+*, body, html {
+  padding: 0;
+  margin: 0
+}
+
+#chat, a, body, html {
+  color: #fff
+}
+
+body, html {
+  -webkit-font-smoothing: antialiased;
+  overflow: hidden;
+  font-size: 14px;
+  user-select: none;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  font-size: calc(.7em + .4vw);
+  font-weight: 500;
+  direction: ltr;
+}
+
+a { text-decoration: none; }
+
+.ui_element {
+  display: none;
+  position: absolute;
+  width: 100vw;
+  height: 100vh;
+  z-index: 2
+}
+
+#chat {
+  display: block;
+  z-index: 0;
+
+  line-height: 1.25;
+  text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
+  letter-spacing: .4px;
+
+  margin-top: 1em;
+  margin-left: 1em;
+
+  ul#chat_messages {
+    height: 17.5em;
+    min-width: 35vw;
+    max-width: 85vw;
+    transform: rotate(0deg);
+
+    overflow-y: auto;
+    overflow-x: hidden;
+
+    list-style-type: none;
+    margin-bottom: .25em;
+  
+    &> li {
+      transform: rotate(0deg);
+      margin-bottom: .25em;
+    }
+  }
+
+  input#chat_msg {
+    width: 35vw;
+    outline: 0;
+    border: none;
+    border-radius: 3px;
+
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    
+    color: white;
+    background: rgba(0, 0, 0, .5);
+    
+    padding: .5em;
+  }
+}
+
+::-webkit-scrollbar {
+  width: 11px;
+
+  &-thumb {
+    background: rgba(255, 17, 0, 0);
+    border-radius: 20px;
+
+    &:hover { background: rgba(255, 17, 0, 0); }
+  }
+}