Add css

Make html prettier

style.css

@@ -0,0 +1,73 @@
+* {
+    font-family: sans-serif;
+    margin-left: 25px;
+    margin-right: 25px;
+}
+
+hr {
+    margin-top: 50px;
+    margin-bottom: 50px;
+}
+
+.title {
+    text-align: center;
+
+}
+
+.recipe-list {
+
+}
+
+.recipe-list ul {
+    list-style-type: none;
+}
+.recipe-list ul li {
+    padding-bottom: 10px;
+}
+
+.desc {
+    font-style: italic;
+    text-align: center;    
+}
+
+.ingredients h2 {
+    font-weight: bold;
+    text-decoration: underline;
+    margin-left: 0px;
+} 
+
+.ingredients li {
+    padding-bottom: 10px;
+    margin-left: -50px;
+    margin-right: 0px;
+}
+
+.steps h2 {
+    font-weight: bold;
+    text-decoration: underline;
+    margin-left: 0px;
+}
+
+.steps li {
+    padding-bottom: 10px;
+    margin-left: -50px;
+}
+
+.ingredients li b {
+    margin-right: 0px;
+    margin-left: 0px;
+}
+
+.mainphoto {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.notes h2, h3 {
+    margin-left: 0px;
+}
+
+.notes li {
+    margin-left: -50px;
+}