footer improvements

index.html

@@ -95,6 +95,10 @@
         margin: 0 auto;
         padding: 3rem 0;
       }
+      
+      a {
+        color: var(--gold);
+      }
 
       h1 {
         font-size: 2.5rem;
@@ -123,13 +127,18 @@
 
       /** FOOTER */
       footer {
-        background-color: #000;
-        color: var(--gold);
-        text-align: center;
-        padding: 2rem 0;
-        margin-top: 4rem auto;
         display: flex;
         justify-content: space-between;
+
+        margin: 1rem auto;
+        padding: 2rem 0;
+
+        max-width: 60%;
+
+        background-color: #000;
+        color: var(--gold);
+
+        text-align: center;
       }
 
       #footer-left {
@@ -272,20 +281,14 @@
     </main>
 
     <footer>
-      <div class="banner">
-        <div id="footer-left">
-          &copy;Maine Luxury Detailing 2025. All rights reserved.
-        </div>
-        <div id="footer-right">
-            Phone:</br />
-            XXX-XXX-XXXXX<br />
-            Email:<br />
-            xxx@xxx.xxx<br />
-            <a href="#">instagram</a>
-          <!-- <img class="footer-icon" src="">
-            <a href="#"></a>
-          </img> -->
-        </div>
+      <div id="footer-left">
+        &copy;Maine Luxury Detailing 2025<br />
+        All rights reserved
+      </div>
+      <div id="footer-right">
+          207-807-6770<br />
+          example@email.com<br />
+          <a href="https://www.instagram.com/luxurydetailingmaine/" target="_blank">@luxurydetailingmaine</a>
       </div>
     </footer>