Style the site

Astral92 · Mar 4, 2025 · c392249 · c392249
1 parent f96ad9b
commit c392249
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 2 deletions.
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,30 @@
+h1,
+a {
+    color: rgb(96, 70, 158);
+    font-family: Arial, Helvetica, sans-serif;
+}
+
+#Labneh {
+    color: cornflowerblue;
+    font-family: monospace, sans-serif;
+}
+
+#Hummus {
+    color: firebrick;
+    font-family: cursive, sans-serif;
+}
+
+#Musabaha {
+    color: darkolivegreen;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+h3 {
+    color: rgba(220, 55, 168, 0.835);
+    background-color: rgb(57, 29, 75);
+}
+
+li,
+p {
+    color: steelblue;
+}
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+    <link rel="stylesheet" href="css/style.css">
 </head>
 
 <body>

diff --git a/recipes/hummus.html b/recipes/hummus.html
@@ -5,10 +5,11 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hummus</title>
+    <link rel="stylesheet" href="../css/style.css">
 </head>
 
 <body>
-    <h1>Hummus</h1>
+    <h1 id="Hummus">Hummus</h1>
     <img src="../img/hummus.jpg" alt="A plate of hummus with vegetables and bread nearby" height="310" width="310">
     <h3>Description</h3>
     <p>Hummus is a delicious spread (or dip) made from chickpeas, tahini, lemon, and spices. It is a popular dish in the

diff --git a/recipes/labneh.html b/recipes/labneh.html
@@ -4,11 +4,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/style.css">
     <title>Labneh</title>
 </head>
 
 <body>
-    <h1>Labneh</h1>
+    <h1 id="Labneh">Labneh</h1>
     <img src="../img/labneh.jpg" alt="A plate of labneh with vegetables and bread around it" height="310" width="310">
     <h3>Description</h3>
     <p>Labneh, pronounced “leb-nay,” is a savory yogurt cheese with Mediterranean roots. The word “labneh” comes from