From 96b24eb8d17721b43eeebcd0644939f5fb24c1ca Mon Sep 17 00:00:00 2001
From: BenjaminToby <52448020+BenjaminToby@users.noreply.github.com>
Date: Wed, 26 May 2021 15:01:24 +0100
Subject: [PATCH] Mobile style updated.

---
 main.css | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/main.css b/main.css
index c270269..b10155d 100644
--- a/main.css
+++ b/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;
     }