Add styles and edit link structure

recipes/stove-popped-popcorn.html

@@ -4,13 +4,23 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Recipes - Stove Popped Popcorn</title>
+    <link rel="stylesheet" href="../style.css" />
 </head>
 <body>
-    <h1>Stove Popped Popcorn</h1>
-    <p><a href="../index.html">Return Home</a></p>
+    <h1>Odin Recipes</h1>
+
+    <h2>Stove Popped Popcorn</h2>
+
+    <ul class="recipe-menu">
+        <li><a href="../index.html">Home</a></li>
+        <li><a href="./greenbean-casserole.html"> Green Bean Casserole</a></li>
+        <li><a href="./avocado-toast.html">Avocado Toast</a></li>
+        <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
+    </ul>    
+    
     <img src="../images/popcorn.jpg" alt="Stove Popped Popcorn">
     
-    <h2>Description</h2>
+    <h3>Description</h3>
     <p>
        This one is <em>extremely</em> easy! All you need is vegetable oil, 
        salt, and popcorn kernals. That's it! Of course if you <i>want</i> to
@@ -21,14 +31,14 @@
     </p>
     <p>So let's dive in!</p>
 
-    <h2>Ingredients</h2>
+    <h3>Ingredients</h3>
     <ul>
         <li>Popcorn kernals</li>
         <li>Vegetable oil</li>
         <li>Salt and/or other preferred seasonings</li>
     </ul>
 
-    <h2>Steps</h2>
+    <h3>Steps</h3>
     <ol>
        <li>Cover the bottom of a small pot generously with vegetable oil.</li>
        <li>Put the oil on medium heat and add 3-4 kernals to the pan.</li>