update home, app, components

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