Adding initial file.

ChatOverlay.css

@@ -0,0 +1,22 @@
+/*
+ * Hatnix CSS for displaying your Owncast v.0.1.0+ chat onscreen in OBS
+ * to be used with [Your_Owncast_URL]/embed/chat/readonly. Modified by DeadTOm.
+ */
+
+/* the actual animation - only the last 15% are the fade out effect */
+@keyframes fade {
+  0% { opacity: 0; }
+  5% { opacity: 1; }
+  85% { opacity: 1; }
+  100% { opacity: 0; }
+}
+
+/* remove background from main chat window */
+body, #chat-container {
+  background-color: transparent !important;
+}
+
+/* give each chatmessage a darkish background and assign the animation */
+#chat-container {
+  animation: fade 60s !important;
+}