Fixed signup page routing issue and updated LoginPage.jsx

global.css

@@ -14,10 +14,7 @@ body {
   margin: 0;
   padding: 0;
 }
-h2 {
-  font-size: 1.5rem;
-  font-weight: 700;
-}
+
 input {
   font-size: 1rem;
   font-weight: 500;

src/components/Top-level/Counter/Styles.module.css

@@ -71,9 +71,6 @@
 }
 
 @media (min-width: 768px) {
-  .container {
-    max-width: 18rem;
-  }
   .hd {
     margin-bottom: 1.5rem;
     font-size: 1.125rem;
@@ -82,4 +79,8 @@
   .block {
     margin-bottom: 1rem;
   }
+  .container {
+    max-width: 30rem;
+    margin: 0 auto;
+  }
 }

src/pages/Styles.module.css

@@ -36,14 +36,14 @@
   position: relative;
   min-width: 20rem;
 }
-.line h2 {
-  font-size: 15px;
+.line {
+  font-size: 0.9rem;
   color: #c7d2fe;
-  font-weight: 100;
+  font-weight: 200;
   margin-bottom: 1rem;
 }
 .seat {
-  margin-left: 2.3rem;
+  margin-left: 0.9rem;
 }
 .icon {
   color: #fff;
@@ -53,7 +53,7 @@
   height: 1rem;
   width: 1rem;
 }
-.seatContainer {
+/* .seatContainer {
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
@@ -61,9 +61,9 @@
   max-width: 18rem;
   justify-content: center;
   align-items: center;
-}
+} */
 .login {
-  max-width: 24rem;
+  max-width: 39rem;
   margin: 0.9rem;
 }
 @media (min-width: 768px) {
@@ -79,16 +79,15 @@
   }
 
   .icon {
-    margin-left: 0.5rem;
     margin-top: 0.3rem;
     height: 1.5rem;
-    width: 1.5rem;
+    width: 1.3rem;
   }
-  .line h2 {
-    margin-left: 2.5rem;
+  .line {
+    margin-left: 1rem;
     width: unset;
-    font-size: 1.5rem;
-    font-weight: 300;
+    font-size: 1rem;
+    font-weight: 250;
   }
   .footer {
     font-size: 1.2rem;
@@ -98,6 +97,6 @@
     margin-top: 1rem;
   }
   .seat {
-    margin-left: 2rem;
+    margin-left: 1.5rem;
   }
 }