fix: footer layout

src/components/Footer.css

@@ -4,14 +4,14 @@
   gap: 1rem;
   border-top: 2px solid var(--gray);
   margin: 3em 5em;
-  padding: 1.5em 1em;
+  margin-top: 6.4125rem;
+  padding-top: 2.4rem;
 }
 
 #copyright {
   display: flex;
-  flex-direction: row;
   justify-content: start;
-  gap: 1em;
+  gap: 2.5rem;
 }
 
 #copyright img {
@@ -22,8 +22,6 @@
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
-  align-items: start;
-  padding: 0.5em 0;
 }
 
 #footer-text > * {
@@ -36,16 +34,16 @@
 
 #footer-links {
   display: flex;
-  flex-direction: row;
-  gap: 2em;
+  gap: 4.5rem;
 }
 
 #footer-links > * {
   display: flex;
   flex-direction: row;
   gap: 0.75em;
-  font-weight: 500;
   align-items: center;
+  font-size: 1.125rem;
+  font-weight: 700;
 }
 
 #footer-links img {

src/components/Footer.tsx

@@ -24,15 +24,13 @@ export default function Footer() {
         </div>
       </div>
       <div id="footer-links">
-        <a href="https://discord.gg/g5YTV7HHbh" className="ml-3">
+        <a href="https://discord.gg/g5YTV7HHbh">
           <span>Chat with us</span>
           <img src={discord} alt="Discord Icon" />
-
         </a>
-        <a href="https://twitter.com/PrivacyScaling" className="ml-3">
+        <a href="https://twitter.com/PrivacyScaling">
           <span>Follow Updates</span>
           <img src={twitter} alt="Twitter Icon" />
-
         </a>
       </div>
     </div>

src/index.css

@@ -58,6 +58,11 @@ p {
   margin: 0px;
 }
 
+a {
+  text-decoration: none;
+  color: var(--black);
+}
+
 /*
   Responsiveness
 */