Merge pull request #106 from jen67/manage

Manage

Author: jen67

recipe-page-main/styles.css

@@ -131,12 +131,15 @@ font-size: 1.3rem;
     font-weight: 600;
 }
 
+.Nutrition{
+    padding-bottom: 1.2rem;
+}
 .Nutrition h5{
     font-size: 1.3rem;
 }
 
 .Nutrition p{
-    margin-bottom: 1rem;
+    margin: 1rem 0;
 }
 
 table {
@@ -146,18 +149,48 @@ table {
 }
 
 table td {
-  border-bottom: 1px solid black;
+  border-bottom: 1px solid var(--Light-Grey);
   padding: 10px;
 }
+table td:nth-of-type(1) {
+  padding-left: 20px;
+}
 
 table td:nth-of-type(2) {
   color: var(--Nutmeg);
   font-weight: 700;
 }
+
+table tr:last-of-type td {
+  border-bottom: none;
+} 
+
+table tr {
+    cursor: pointer;
+    transition: background-color 0.3s ease; 
+}
+
+table tr:hover{
+    background-color: var(--Rose-White);
+}
+
+footer{
+    padding: 1rem 1rem 0 1rem;
+}
 .attribution {
-  font-size: 11px;
+  font-size: 0.9rem;
   text-align: center;
 }
 .attribution a {
-  color: hsl(228, 45%, 44%);
+text-decoration: none;
+font-style: oblique;
+border-radius: 30px;
+border-bottom: 1.4px solid var(--Dark-Raspberry);
+  color:var(--Dark-Raspberry);
+}
+
+.attribution a:hover{
+    color: var(--Nutmeg);
+    border-bottom: 1.4px solid var(--Nutmeg);
+    font-weight: 600;
 }