fix mobile artifacts

public/css/about.css

@@ -107,4 +107,16 @@ footer p {
   #skills {
     margin-bottom: 0pt;
   }
+  .footer {
+    display: block;
+    text-align: center;
+  }
+  .footer p {
+    margin: 0pt;
+    margin-top: 12pt;
+  }
+  .social-icons {
+    margin: 0pt;
+    margin-top: 6pt;
+  }
 }

public/css/projects.css

@@ -150,4 +150,16 @@
   .content-head h2 {
     margin-top: 24pt;
   }
+  .footer {
+    display: block;
+    text-align: center;
+  }
+  .footer p {
+    margin: 0pt;
+    margin-top: 12pt;
+  }
+  .social-icons {
+    margin: 0pt;
+    margin-top: 6pt;
+  }
 }

public/css/style.css

@@ -389,4 +389,14 @@ body:not(.light) #sun {
   .mobile-name {
     display: block;
   }
+
+  .logo {
+    margin-top: 12pt;
+  }
+  .logo-switches {
+    margin-top: 4pt;
+  }
+  .main {
+    width: 100%;
+  }
 }