Updated HTML files and CSS

header.css

@@ -28,3 +28,16 @@ a:hover {
 p {
   margin-bottom: 1em;
 }
+
+pre, code {
+  background-color: black; /* A slightly lighter dark background for code */
+  display: block; /* Ensures preformatted text blocks */
+  padding: 10px; /* Adds padding for better readability */
+  overflow-x: auto; /* Allows horizontal scrolling if needed */
+  border-radius: 5px; /* Adds a slight border-radius for aesthetics */
+}
+
+/* Optional: Add a different color for code within a pre tag */
+pre {
+  color: #ecf0f1; /* Light text for contrast */
+}