Add styles

index.html

@@ -9,31 +9,33 @@
     <link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet'>
 </head>
 <body>
-    <h1>Odin Recipes</h1>
-    <ul class="recipe-menu">
-        <li><a href="index.html">Home</a></li>
-        <li><a href="./recipes/greenbean-casserole.html"> Green Bean Casserole</a></li>
-        <li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li>
-        <li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
-    </ul>
-    <div class="content">
-        <p>
-            Welcome to my first Odin project! The purpose of this site is to 
-            simply showcase what I have learned in the course thus far. So far, that includes 
-            HTML and some basic CSS mainly around margins, padding, borders, fonts, 
-            two dimensions, display types, and probably some others I'm forgetting at the moment. 
-        </p>
-        <p>
-            This is currently the second iteration of the site, where we showcase some of the 
-            aforementioned CSS skills we learned. I'm not sure yet if we'll be revisiting this 
-            project or not. If we don't, I may come back to it when I have more interesting 
-            ideas for a design for the site. 
-        </p>
-        <p>
-            In the mean time, make yourself at home and have a look around! And then check black
-            at a later date to see if anything's changed. See you then!
-        </p>
-    </div>
+    <main>
+        <h1>Odin Recipes</h1>
+        <ul class="recipe-menu">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="./recipes/greenbean-casserole.html"> Green Bean Casserole</a></li>
+            <li><a href="./recipes/avocado-toast.html">Avocado Toast</a></li>
+            <li><a href="./recipes/stove-popped-popcorn.html">Stove Popped Popcorn</a></li>
+        </ul>
+        <div class="content">
+            <p>
+                Welcome to my first Odin project! The purpose of this site is to 
+                simply showcase what I have learned in the course thus far. So far, that includes 
+                HTML and some basic CSS mainly around margins, padding, borders, fonts, 
+                two dimensions, display types, and probably some others I'm forgetting at the moment. 
+            </p>
+            <p>
+                This is currently the second iteration of the site, where we showcase some of the 
+                aforementioned CSS skills we learned. I'm not sure yet if we'll be revisiting this 
+                project or not. If we don't, I may come back to it when I have more interesting 
+                ideas for a design for the site. 
+            </p>
+            <p>
+                In the mean time, make yourself at home and have a look around! And then check black
+                at a later date to see if anything's changed. See you then!
+            </p>
+        </div>
+    </main>
 
     <footer>
         Created by <a href="https://andrindie.com" target="_blank" rel="noreferrer">Octavia Nichols</a>