fix: improve mobile support

index.html

@@ -61,7 +61,9 @@
       </li>
     </ol>
     <h2><a target="_blank" href="/resume.pdf">resume</a></h2>
-    <h2 style="display: none"><a target="_blank" href="/transcript.pdf">transcript</a></h2>
+    <h2 style="display: none">
+      <a target="_blank" href="/transcript.pdf">transcript</a>
+    </h2>
   </body>
 
   <style type="text/css">
@@ -86,6 +88,7 @@
     body,
     html {
       overflow-anchor: none;
+      padding: 0 5%;
     }
 
     .project {
@@ -121,11 +124,13 @@
       width: auto;
       max-width: 450px;
     }
-
     .container {
       position: relative;
     }
     .social-icons {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
       position: absolute;
       top: 10px;
       right: 10px;