added some stylings

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

client/src/styles/globals.css

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