refactor: Adjust HTML/CSS across content pages for a more cohesive UX

src/styles/footer.css

@@ -5,6 +5,7 @@
 }
 #footer-nav {
     padding: 0;
+    margin-top: 10px;
 }
 
 nav ul, #footer-nav ul {
@@ -19,7 +20,6 @@ nav ul, #footer-nav ul {
     position: relative;
     list-style-type: none;
     flex-direction: row;
-    margin-top: 20px;
     background-color: var(--color-destin-sand);
     border-radius: 5px;
     width: fit-content; 
@@ -145,4 +145,17 @@ footer div label {
 #copyright {
     text-align: center;
     margin-bottom: 20px;
+    font-size: 1.1rem;
+    color: var(--color-dark-green);
+}
+
+#copyright a {
+    color: var(--color-dark-green);
+    font-weight: 600;
+    font-size: 1.1rem;
+    text-decoration: one;
+}
+
+#copyright a:hover {
+    color: var(--color-destin-white);
 }