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 @@ +