Create static/css/styles.css

static/css/styles.css

@@ -0,0 +1,52 @@
+body {
+    background: #87CEEB; /* Krishna blue */
+    font-family: 'Bubblegum Sans', cursive;
+    color: #000;
+    text-align: center;
+}
+h1 {
+    color: #FFD700; /* Butter yellow */
+}
+nav {
+    background: #FFD700;
+    padding: 10px;
+}
+nav a {
+    margin: 0 15px;
+    color: #000;
+    text-decoration: none;
+}
+#chat-container {
+    width: 80%;
+    margin: 20px auto;
+    border: 2px solid #FFD700;
+    padding: 20px;
+    background: #fff;
+}
+#chat-messages {
+    height: 300px;
+    overflow-y: scroll;
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    padding: 10px;
+}
+#chat-form {
+    display: flex;
+    justify-content: center;
+}
+#message-input {
+    width: 70%;
+    padding: 10px;
+    font-family: 'Bubblegum Sans', cursive;
+}
+button {
+    padding: 10px 20px;
+    background: #FFD700;
+    border: none;
+    cursor: pointer;
+}
+#comic-strip {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}