diff --git a/css/styles.css b/css/styles.css
index 4a1055a..cc76f89 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1,3 +1,66 @@
body {
margin: 20px;
+}
+
+/* SDG Comparison Module Styles */
+#comparison-output {
+ margin-top: 30px;
+ padding: 20px;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+ background-color: #f9f9f9;
+}
+
+#comparison-output h3 {
+ color: #2c3e50;
+ margin-bottom: 10px;
+}
+
+#comparison-output p {
+ color: #666;
+ margin-bottom: 15px;
+}
+
+#comparison-output label {
+ display: block;
+ margin-top: 15px;
+ margin-bottom: 5px;
+ font-weight: bold;
+ color: #333;
+}
+
+#comparison-result {
+ font-family: 'Courier New', monospace;
+ font-size: 12px;
+ background-color: #fff;
+ border: 1px solid #ccc;
+}
+
+#comparison-output .btn {
+ margin-right: 10px;
+ margin-top: 10px;
+}
+
+#comparison-output .btn-primary {
+ background-color: #0073e6;
+ border-color: #0073e6;
+ color: white;
+ margin-bottom: 15px;
+}
+
+#comparison-output .btn-primary:hover {
+ background-color: #005bb5;
+ border-color: #005bb5;
+}
+
+#output {
+ margin-top: 20px;
+ padding: 15px;
+ border: 1px solid #ddd;
+ border-radius: 8px;
+}
+
+#output label {
+ font-weight: bold;
+ color: #333;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index f81c8db..cb11ac7 100644
--- a/index.html
+++ b/index.html
@@ -25,6 +25,7 @@
+