added some paddings in hero sections of home page

Author: anserwaseem

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "automadeasy",
-  "version": "v2.0.0",
+  "version": "v2.1.0",
   "private": true,
   "homepage": "https://automadeasy.com/",
   "dependencies": {

package.json

@@ -61,7 +61,7 @@ export const Automadeasy = () => {
           sm: 0,
         }}
         alignItems="center"
-        p={"8rem"}
+        p={"7rem"}
         sx={{
           backgroundColor: homeBackgroundColor,
         }}
@@ -72,6 +72,7 @@ export const Automadeasy = () => {
             fontWeight={"bold"}
             color={"black"}
             textAlign={"right"}
+            py={"2rem"}
           >
             Start learning
           </Typography>

src/pages/Automadeasy.tsx

@@ -32,8 +32,8 @@
 
 @media (max-width: 450px) {
   .hero-section-1 {
-    clip-path: ellipse(750px 250px at 35% 50%);
-    -webkit-clip-path: ellipse(750px 250px at 35% 50%);
+    clip-path: ellipse(750px 275px at 35% 50%);
+    -webkit-clip-path: ellipse(750px 275px at 35% 50%);
   }
   .hero-section-2 {
     clip-path: ellipse(800px 350px at 80% 55%);