update home, app, components

src/app/home/home.component.html

@@ -1,5 +1,6 @@
 <section class="intro">
   <span class="intro__img"></span>
-  <h1 class="intro__header">Hey, I'm Raghu Chagarlamudi</h1>
-  <p class="intro__sub-head">A front end focused web developer</p>
+  <h1 class="intro__header">Hi 👋, I'm Raghu Chagarlamudi</h1>
+  <p class="intro__sub-head">I am a well-versed front-end web developer with extensive experience in building delightful and scalable web applications.</p>
+  <a mat-fab extended href="https://www.google.com/" target="_blank" class="intro__button">Get to Know More About Me</a>
 </section>

src/app/home/home.component.scss

@@ -3,19 +3,30 @@
   justify-content: center;
   flex-direction: column;
   align-items: center;
-  margin-top: 6rem;
 
   &__img {
     display: block;
-    height: 200px;
-    width: 200px;
+    height: 300px;
+    width: 300px;
     border-radius: 50%;
-    background-image: url('../../assests/images/rc-logo.jpeg');
+    background-image: url("../../assests/images/rc-logo.jpeg");
     background-size: cover;
   }
 
   &__header {
     text-transform: uppercase;
+    color: var(--mat-sys-primary);
+    font-size: 3rem;
+  }
+
+  &__sub-head {
+    font-size: 1.5rem;
+    text-align: center;
+    max-width: 760px;
+  }
+
+  &__button {
+    font-size: var(--mdc-extended-fab-label-text-size, 1rem);
   }
 }
 
@@ -24,5 +35,9 @@
     &__header {
       text-align: center;
     }
+
+    &__sub-head {
+      font-size: 1.375rem;
+    }
   }
-}
+}