diff --git a/index.html b/index.html
index 70e9da2..612c1cb 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Recipes</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>
diff --git a/recipes/avocado-toast.html b/recipes/avocado-toast.html
index 67b1250..30aa6c8 100644
--- a/recipes/avocado-toast.html
+++ b/recipes/avocado-toast.html
@@ -5,18 +5,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Recipes - Avocado Toast</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>Avocado Toast</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>
+
+    <h2>Avocado Toast</h2>
     <img src="../images/avocado-toast.jpg" alt="Avocado Toast">
     
     <h3>Description</h3>
diff --git a/recipes/greenbean-casserole.html b/recipes/greenbean-casserole.html
index 67f4ca0..9ed512b 100644
--- a/recipes/greenbean-casserole.html
+++ b/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>
diff --git a/recipes/stove-popped-popcorn.html b/recipes/stove-popped-popcorn.html
index 854b271..7c81283 100644
--- a/recipes/stove-popped-popcorn.html
+++ b/recipes/stove-popped-popcorn.html
@@ -5,12 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Recipes - Stove Popped Popcorn</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>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>
@@ -18,6 +17,7 @@
         <li><a href="./stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
     </ul>    
     
+    <h2>Stove Popped Popcorn</h2>
     <img src="../images/popcorn.jpg" alt="Stove Popped Popcorn">
     
     <h3>Description</h3>
diff --git a/style.css b/style.css
index cf0eaa4..497ecd5 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,7 @@
 body{
     max-width: 60%;
     margin: auto;
-    background-color: rgb(203, 247, 203);
+    background-color: rgb(220, 248, 220);
 }
 
 img{
@@ -9,21 +9,34 @@ img{
     height: auto;
 }
 
-ul{
-    list-style-type: none;
-}
-
 a{
    text-decoration: none; 
 }
 
+h1, h2, h3, h4, h5, h6, .recipe-menu{
+    font-family: 'Alegreya Sans SC', sans-serif;
+}
+h1{
+    font-size: 50px;
+}
+h2{
+    font-size: 40px;
+}
+h3{
+    font-size: 30px;
+}
+
 .recipe-menu{
     padding: 0;
     border: 5px solid green;
     text-align: center;
+    list-style-type: none;
+    width: fit-content;
+    margin: auto;
 }
 
 .recipe-menu li{
     margin: 8px;
     display: inline-block;
+    font-size: 20px;
 }
\ No newline at end of file