refactor about section

src/scss/pages/_home.scss

@@ -60,16 +60,16 @@ main {
     width: 100%;
     margin-top: 150px;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
 
     .profile {
         background: white;
-        max-width: 300px;
-        margin-right: 40px;
-        border: 4px solid $quaternary;
+        max-width: 200px;
+        margin-bottom: 40px;
         border-radius: 50%;
-        box-shadow: 0 3px 10px rgba($secondary, 20%);
+        box-shadow: 0 3px 10px rgba(black, 0.2);
 
         img {
             width: 100%;
@@ -77,19 +77,18 @@ main {
     }
 
     .content {
-        max-width: 600px;
+        max-width: 1000px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
 
         .heading {
             span {
-                color: $primary;
-                font-size: $font-heading;
+                font-size: $font-hero;
                 font-weight: $font-bold;
             }
         }
-
-        .body {
-            margin: 30px 0;
-        }
     }
 }