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; }