Update footer

Author: ryanzhangofficial

styles.css

@@ -222,7 +222,7 @@ a {
 }
 
 .hero-left p {
-  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
+  font-size: clamp(1.0rem, 2.1vw, 1.2rem);
   margin-block: 1rem 2rem;
   max-width: 480px
 }
@@ -566,6 +566,34 @@ footer {
   box-shadow: 0 -2px 6px rgba(0, 0, 0, .05)
 }
 
+.footer-flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  flex-wrap: wrap
+}
+
+.social a {
+  font-size: 1.4rem;
+  color: var(--clr-text);
+  margin-left: .75rem;
+  transition: color .25s
+}
+
+.social a:first-child {
+  margin-left: 0
+}
+
+.social a:hover {
+  color: var(--clr-accent)
+}
+
+.emoji {
+  font-size: 1.4rem;
+  line-height: 1
+}
+
 /* SIDE PANEL */
 .side-panel {
   position: fixed;