Better Mobile UI Support

Fixed several issues of the footer not being at the bottom of the page. Also fixed some page body issues.

src/styles/About.css

@@ -1,13 +1,13 @@
 .about {
     width: 100%;
-    height: 90svh;
+    min-height: 100vh;
     display: flex;
     flex-direction: column;
   }
   
   .aboutTop {
-    width: 100svw;
-    height: 35%;
+    width: 100vw;
+    height: 45%;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
@@ -17,9 +17,10 @@
   .aboutBottom {
     display: flex;
     flex-direction: column;
-    height: 55%;
+    height: 100%;
     align-items: center;
     margin-top: 50px;
+    padding-bottom: 10px;
   }
   
   .aboutBottom p {

src/styles/Footer.css

@@ -1,19 +1,20 @@
 .footer {
-  width: 100svw;
-  height: 130px;
+  bottom: 0;
+  width: 100vw;
+  min-height: 100%;
+  margin-top: 10px;
+  margin-top: auto;
   background-color: #121619;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  padding-top: 10px;
-  
 }
 
 .socialMedia svg, .socialMedia a {
   color: rgb(255, 0, 0);
   margin: 20px;
-  font-size: 60px;
+  font-size: 50px;
   cursor: pointer;
   text-decoration: none;
 }