feat: style.css

1 files changed, 38 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..32f689f
--- /dev/null
+++ b/style.css
@@ -0,0 +1,38 @@
+:root {
+    --message-background: linear-gradient(0deg, #2e2d31, #252425);
+    --message-background-alt: linear-gradient(0deg, #3a393e, #282628);
+    --message-color: #f0f0f0;
+    --message-shadow-color: #1d1d1d;
+}
+
+* {
+    padding: 0;
+    margin: 0;
+}
+
+.messages {
+    display: flex;
+    flex-direction: column;
+}
+
+.message {
+    background: var(--message-background);
+    text-shadow: 1px 1px 2px var(--message-shadow-color);
+    color: var(--message-color);
+    padding: 4px;
+    border-bottom: 1px solid var(--message-shadow-color);
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 16px;
+}
+
+.message .author {
+    font-weight: bold;
+}
+
+.message:nth-child(even) {
+    background: var(--message-background-alt);
+}
+
+.message:last-child {
+    border-bottom: none;
+}
\ No newline at end of file