Change header and link fonts

recipes/greenbean-casserole.html

@@ -5,11 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Recipes - Green Bean Casserole</title>
     <link rel="stylesheet" href="../style.css" />
+    <link href='https://fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'> 
 </head>
 <body>
     <h1>Odin Recipes</h1>
-    
-    <h2>Green Bean Casserole</h2>
 
     <ul class="recipe-menu">
         <li><a href="../index.html">Home</a></li>
@@ -17,6 +16,7 @@
         <li><a href="./avocado-toast.html">Avocado Toast</a></li>
         <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
     </ul>
+    <h2>Green Bean Casserole</h2>
     <img src="../images/GreenBeanCasserole.jpg" alt="Green Bean Casserole">
     
     <h3>Description</h3>