Add footer links

1 files changed, 16 insertions, 6 deletions

diff --git a/src/css/styles.css b/src/css/styles.css
index 18c2e81..62c4119 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -11,7 +11,8 @@
   
 
 body {
-    padding: 15px;
+    width: 100%;
+    margin: 0px;
     background-color: var(--background); 
     font-family: Arial, Helvetica, sans-serif;
 }
@@ -23,8 +24,9 @@ h1, h2 {
 
 h1 {
     font-size: 30pt;
-    margin-bottom: 0;
     margin: auto;
+    margin-bottom: 0;
+    margin-left: 20px;
 }
 
 @keyframes zoom-left {
@@ -41,6 +43,11 @@ footer {
     background-color: var(--background-accent);
 }
 
+footer a {
+    color: var(--light-text);
+    text-decoration: underline;
+}
+
 .essay{
     width: 70%;
 }
@@ -78,12 +85,15 @@ a {
     margin: 2%;
     border: 2px solid #888;
 }
-
-
+.spacer {
+    width: 1em;
+    display: inline-block;
+}
 #feed {
     width: 100%;
 }
 .feed {
+    width: 80%;
     min-width: 200px;
     margin: auto;
     display: flex;
@@ -101,8 +111,8 @@ p {
 
 @media screen and (min-width: 900px) {
     body {
-        width: 80%;
-        margin: auto;
+        width: 100%;
+        /* margin: auto; */
     }
     .card-img {
         display: flex;