added some stylings

Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>

client/src/styles/globals.css

@@ -2,26 +2,29 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
+label{
+    color: #333;
+    margin-right: 0.5rem;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
+input{
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    padding: 0.1rem;
+    margin-bottom: 0.3rem;
 }
 
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
+.joinButton{
+    color: #fff;
+    background-color: #7c3aed;
+    font-weight: 500;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    padding:  0.5rem 1rem;
+    text-align: center;
+    margin-bottom: 2.5rem;
+
+    &:hover{
+        background-color: #6a28b7;
+    }
+}