update footers

public/css/about.css

@@ -1,9 +1,11 @@
+@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+15&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+
 .container {
   display: grid;
-  grid-template-areas: "header header";
   grid-template-columns: 1fr 2fr;
   gap: 24px;
   padding: 24px;
+  padding-bottom: 0px;
 }
 
 section {
@@ -14,6 +16,16 @@ section {
   margin-bottom: 24px;
 }
 
+.flex-container {
+  display: flex;
+  justify-content: space-between;
+}
+
+.social-icons {
+  margin-top: 6px;
+  margin-right: 24px;
+}
+
 #profile {
   background-image: url("../images/pic.png");
   color: #d8d8d9;
@@ -34,6 +46,40 @@ dt {
   margin-top: 12px;
 }
 
+.text {
+  margin-right: 24px;
+  font-family: "Ubuntu", serif;
+  font-weight: 400;
+  font-style: normal;
+  transition: .8s;
+}
+
+section ul {
+  margin-left: 20px;
+}
+
+footer {
+  display: flex;
+  justify-content: space-between;
+  transition: .8s;
+  padding: 8px;
+  background-color: var(--menu-text-bg);
+  border-radius: 12px;
+  margin-bottom: 24px;
+}
+
+footer p {
+  margin-left: 12px;
+  font-family: "Ubuntu", serif;
+  font-weight: 400;
+  font-style: normal;
+}
+
+.social-icons {
+  margin-top: 6px;
+  margin-right: 24px;
+}
+
 @media only screen and (max-width: 740px) {
   .container {
     display: flex;