polishing

Client/src/Pages/Login/index.css

@@ -3,19 +3,32 @@
   --spacing-2: 20px;
   --spacing-3: 25px;
   --textfield-font-size: 13px;
+
+  --login-page-width-1: 100vw;
+  --login-page-height-1: 100vh;
+
+  --login-form-width-1: 360px;
+  --login-form-height-1: 526px;
+
+  --logo-width-1: 20px;
+  --login-font-size-medium: 13px;
+
+  --login-color-1: #101828;
+  --login-color-2: #1570ef;
+  --login-color-3: #475467;
 }
 
 .login-page {
-  width: 100vw;
+  width: var(--login-page-width-1);
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 100vh;
+  min-height: var(--login-page-height-1);
 }
 
 .login-form {
-  width: 360px;
-  height: 526px;
+  width: var(--login-form-width-1);
+  height: var(--login-form-height-1);
   margin: 90px auto;
 }
 
@@ -44,7 +57,7 @@
 .login-form-heading {
   font-size: 30px;
   font-weight: 700;
-  color: #101828;
+  color: var(--login-color-1);
 }
 
 #login-email-input {
@@ -60,15 +73,15 @@
 }
 
 .login-form-forgot-password {
-  color: #1570ef;
+  color: var(--login-color-2);
   font-weight: 600;
   cursor: pointer;
-  font-size: 13px;
+  font-size: var(--login-font-size-medium);
 }
 
 .google-enter {
-  width: 20px;
-  height: 20px;
+  width: var(--logo-width-1);
+  height: var(--logo-width-1);
   margin-right: 10px;
 }
 
@@ -76,14 +89,14 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #475467;
-  font-size: 13px;
+  color: var(--login-color-3);
+  font-size: var(--login-font-size-medium);
   font-weight: 600;
 }
 
 .new-account-option-span {
   margin-left: 5px;
-  color: #1570ef;
+  color: var(--login-color-2);
   font-size: 14px;
   cursor: pointer;
 }