Create style.css

style.css

@@ -0,0 +1,93 @@
+  /* General styles */
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    color: #333;
+    background-color: #f4f4f4;
+}
+
+/* Streamlit container */
+.stApp {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #ffffff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Header styles */
+h1, h2, h3 {
+    color: #2c3e50;
+}
+
+/* Button styles */
+.stButton > button {
+    background-color: #3498db;
+    color: white;
+    border: none;
+    padding: 10px 20px;
+    border-radius: 5px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.stButton > button:hover {
+    background-color: #2980b9;
+}
+
+/* Input field styles */
+.stTextInput > div > div > input {
+    border: 1px solid #bdc3c7;
+    border-radius: 5px;
+    padding: 10px;
+}
+
+/* Chat message styles */
+.stChatMessage {
+    padding: 10px;
+    margin-bottom: 10px;
+    border-radius: 5px;
+}
+
+.stChatMessage.user {
+    background-color: #e8f4f8;
+}
+
+.stChatMessage.assistant {
+    background-color: #f0f0f0;
+}
+
+/* Hugging Face Space container */
+.hf-space-container {
+    border: 2px solid #3498db;
+    border-radius: 10px;
+    overflow: hidden;
+    margin-top: 20px;
+}
+
+/* Iframe styles */
+iframe {
+    width: 100%;
+    height: 800px;
+    border: none;
+}
+
+/* Spinner styles */
+.stSpinner > div {
+    border-top-color: #3498db !important;
+}
+
+/* Sidebar styles */
+.css-1d391kg {
+    background-color: #2c3e50;
+    color: white;
+}
+
+/* Footer styles */
+footer {
+    text-align: center;
+    margin-top: 20px;
+    padding: 10px;
+    background-color: #34495e;
+    color: white;
+}