style screen

src/app/login/login.component.scss

@@ -18,7 +18,7 @@
     }
     button {
         border-radius: 10px;
-        font-size: 15px;
+        font-size: 0.938rem;
         width: 100%;
         background: #22138B 0 0 no-repeat padding-box !important;
         margin: 2%;
@@ -28,6 +28,13 @@
         display: flex;
         width: 100%;
     }
+    .font-body-medium {
+        font-size: 1.25rem;
+        line-height: 1.125rem;
+        letter-spacing: 1px;
+        font-family: "Raleway VariableFont";
+        text-transform: uppercase;
+      }
     
       ::ng-deep .mat-form-field-outline-start {
         border-radius: 0.5rem 0 0 0.5rem !important;
@@ -52,6 +59,8 @@
         font-weight: bold;
         font-size: 1.563rem;
         margin-bottom: 15%;
+        font-family: "Raleway VariableFont";
+        text-transform: uppercase;
     }
    .input-field {
         width: 100%;

src/app/login/login.component.ts

@@ -10,6 +10,8 @@ export class LoginComponent implements OnInit {
 
   logoPath:string = 'assets/images/bajaj_logo_ai.png';
   loginForm!: FormGroup;
+  username:string ='';
+  password:string = '';
 
   constructor( private formBuilder: FormBuilder) { }
 
@@ -25,6 +27,7 @@ export class LoginComponent implements OnInit {
   }
 
   loginHandler(){
-
+    this.username = this.loginForm?.get("usernameId")?.value;
+    this.password = this.loginForm?.get("passwwordId")?.value;
   }
 }