fixing font size

Client/src/App.jsx

@@ -1,5 +1,5 @@
 import { Routes, Route } from "react-router-dom";
-import "./App.css";
+// import "./App.css";
 import NotFound from "./Pages/NotFound";
 import Login from "./Pages/Login";
 import Register from "./Pages/Register";

Client/src/Components/TextFields/Email/emailTextField.css

@@ -1,5 +1,6 @@
 :root {
   --textfield-color-0: #344054;
+  --textfield-font-size: 13px;
 }
 
 .email-text-field {
@@ -10,16 +11,20 @@
 #outlined-basic {
   width: 320px;
   height: 14px;
-  font-size: 13px;
+  font-size: var(--textfield-font-size);
   padding: 8px 12px;
 }
 
 .email-text-field-title {
-  font-size: 13px;
+  font-size: var(--textfield-font-size);
   color: var(--textfield-color-0);
   font-weight: bold;
 }
 
+.email-text-field-input {
+  font-size: var(--textfield-font-size);
+}
+
 #outlined-basic-helper-text {
   margin-left: 0;
   margin-top: 10px;

Client/src/Pages/Login/index.css

@@ -2,6 +2,7 @@
   --spacing-1: 15px;
   --spacing-2: 20px;
   --spacing-3: 25px;
+  --textfield-font-size: 13px;
 }
 
 .login-page {
@@ -49,6 +50,7 @@
 #login-email-input {
   width: 308px;
   height: 11px;
+  font-size: var(--textfield-font-size);
 }
 
 .login-form-password-options {