Initial commit

styles.css

@@ -0,0 +1,49 @@
+/* styles.css */
+
+body {
+    font-family: Verdana, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f2f2f2; /* Background color for the body */
+}
+
+.container {
+    max-width: 925px;
+    margin: 0 auto; /* Center the container horizontally */
+    padding: 20px; /* Optional padding inside the container */
+    background-color: #fff; /* Optional container background color */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional box shadow */
+    margin-bottom: 15px; /* Add margin to the bottom of the container */
+}
+
+/* Heading h2 tags updated to h1 for SEO, style h1 as h2 (https://www.w3schools.com/tags/tag_hn.asp) */
+h1 {
+    font-size: 1.5em;
+    margin-top: 0.83em;
+    margin-bottom: 0.83em;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-weight: normal;
+    border-bottom: 1.5px solid #909090; /* Add a thin horizontal line under headings */
+    padding-bottom: 5px; /* Optional spacing between headings and the line */
+}
+
+ul {
+    margin-top: 5px; /* Optional spacing above the list */
+}
+
+li {
+    margin-bottom: 5px; /* Add space between each list item */
+}
+
+@media (max-width: 600px) {
+    /* Adjust styles for smaller screens */
+    .container {
+        padding: 10px; /* Reduce padding on smaller screens */
+    }
+
+    h1, h2, h3 {
+        font-size: 1.5em; /* Adjust heading font size for smaller screens */
+    }
+}