Updated HTML files and CSS

header.css

@@ -29,15 +29,24 @@ p {
   margin-bottom: 1em;
 }
 
+/* Style for block-level code elements */
 pre, code {
-  background-color: black; /* A slightly lighter dark background for code */
+  background-color: #34495e; /* 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 */
 }
+
+/* Specific style for inline code */
+code {
+  background-color: transparent; /* Removes background */
+  padding: 0; /* Removes padding */
+  border-radius: 0; /* Removes border-radius */
+  display: inline; /* Ensures inline display */
+  color: #3498db; /* Sets a different color for inline code */
+}