diff --git a/client/index.html b/client/index.html
index 1eb741a..2f64bad 100644
--- a/client/index.html
+++ b/client/index.html
@@ -1,19 +1,29 @@
 <!doctype html>
 <meta charset="utf-8" />
 <style>
+  :root {
+    color-scheme: dark;
+  }
+
   :root,
   input,
   textarea {
     font-family: sans-serif;
   }
 
-  main {
+  main,
+  footer {
     display: flex;
     margin: 0 auto;
-    width: fit-content;
+    width: 100%;
+    max-width: 960px;
     padding: 1em;
   }
 
+  footer {
+    gap: 1ch;
+  }
+
   textarea {
     resize: none;
     overflow-y: scroll;
@@ -21,10 +31,10 @@
   }
 
   a {
-    color: rgb(255, 31, 248);
+    color: rgb(251, 147, 247);
     text-decoration: none;
     &:hover {
-      border-bottom: 1px solid rgb(255, 31, 248);
+      border-bottom: 1px solid rgb(251, 147, 247);
     }
   }
 </style>
@@ -34,6 +44,7 @@
 </main>
 
 <footer>
+  <div>crdt playground</div>
   <a href="https://git.lavender.software/char/sync-playground">source code</a>
 </footer>
 
