improved style & turned off remaining sockets

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

client/src/styles/globals.css

@@ -4,39 +4,37 @@
 
 label{
     color: #333;
-    margin-right: 0.5rem;
+    margin-bottom: 0.5rem;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+    font-weight: 500;
 }
 
 input{
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    padding: 0.1rem;
-    margin-bottom: 0.3rem;
+    margin-bottom: 1rem;
+    padding: 0.5rem;
+    border-radius: 0.25rem;
+    outline: 2px solid transparent;
+    outline-offset: 2px;
+    border-width: 1px;
+    border-color: rgb(170, 170, 170);
+    &:focus{
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+        --tw-border-opacity: 1;
+        border-color: rgb(59 130 246 / var(--tw-border-opacity));
+    }
+    
 }
 
 button{
-    font-weight: 500;
-    border-radius: 1rem;
-    font-size: 0.875rem;
-    padding:  0.5rem 1rem;
-    text-align: center;
-    margin-bottom: 1rem;
-}
-
-.joinButton{
-    color: #fff;
-    background-color: #7c3aed;
-    &:hover{
-        background-color: #6a28b7;
-    }
-}
-
-
-.callButton{
-    color: #fff;
-    background-color: limegreen;
+    color: white;
+    padding: 0.5rem 1rem 0.5rem 1rem;
+    border-radius: 0.25rem;
     transition: background-color 250ms ease-in-out;
-    &:hover{
-        background-color: forestgreen;
+
+    &:focus{
+        outline: 2px solid transparent;
+        outline-offset: 2px;
     }
 }