Mobile style updated.

main.css

@@ -604,7 +604,7 @@ section.hero-section {
     }
     
     section.hero-section {
-        padding: 30px 20px;
+        padding: 20px;
     }
     
     .hero-subtext {
@@ -651,6 +651,10 @@ section.hero-section {
 
 @media (max-width: 450px) {
     
+    .my-name {
+        font-size: 48px;
+    }
+    
     #my-face {
         margin-top: 0;
         width: 400px;
@@ -670,8 +674,8 @@ section.hero-section {
     }
     
     #morph-shape-1 {
-        top: 20px;
-        left: 60px;
+        top: 40px;
+        left: 50px;
         width: 50px;
         height: 50px;
     }
@@ -685,6 +689,10 @@ section.hero-section {
 
 @media (max-width: 350px) {
     
+    .my-name {
+        font-size: 40px;
+    }
+    
     .face-wrapper {
         margin-top: -130vw;
         width: 400px;
@@ -693,8 +701,8 @@ section.hero-section {
     }
     
     #morph-shape-1 {
-        top: 10px;
-        left: 90px;
+        top: 20px;
+        left: 60px;
         width: 50px;
         height: 50px;
     }