1 files changed, 42 insertions, 0 deletions
diff --git a/static/css/styles.css b/static/css/styles.css
new file mode 100644
index 0000000..3b2f447
--- /dev/null
+++ b/static/css/styles.css
@@ -0,0 +1,42 @@
+:root {
+  /* Light theme colors */
+  --background-color: #F4E8E9; /* Soft pink background */
+  --text-color: #333; /* Dark text for contrast */
+  --link-color: #D291BC; /* Retro pink for links */
+  --container-bg: #FFF7F8; /* Very light pink for containers */
+}
+
+.dark-mode {
+  /* Dark theme colors */
+  --background-color: #333; /* Dark background */
+  --text-color: #F4E8E9; /* Light text for contrast */
+  --link-color: #B86B77; /* Soft pink for links */
+  --container-bg: #424242; /* Darker shade for containers */
+}
+
+body {
+  font-family: 'ComicSans', sans-serif;
+  background-color: var(--background-color);
+  color: var(--text-color);
+  padding: 20px;
+  text-align: center;
+}
+
+a {
+  color: var(--link-color);
+  text-decoration: none;
+  font-weight: bold;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+.container {
+  max-width: 600px;
+  margin: auto;
+  background-color: var(--container-bg);
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}