diff --git a/src/client/css/client.css b/src/client/css/client.css
index 0daca8b..40cedf0 100644
--- a/src/client/css/client.css
+++ b/src/client/css/client.css
@@ -34,4 +34,39 @@ body{
 }
 .chat{
   color:#fff !important;
-}
\ No newline at end of file
+}
+
+ body{
+  display: flex; 
+  justify-content: center;
+  align-items: center; 
+  width: 100%;
+  height: 100vh;
+  color: rgb(24, 24, 23);
+  background: url("http://www.vestianglobal.com/blog/wp-content/uploads/wifi-icon-and-city-scape-and-network-connection-concept-smart-city-and-wireless-communication-network-abstract-image-visual-internet-of-things-656121280-593c71943df78c537b4889a4.jpg") no-repeat; 
+  background-size: 100%;
+  overflow: hidden; 
+}
+.app_name{
+    text-align: center;
+    font-size: 23px;
+    color: rgb(24, 24, 26);
+}
+.loginarea{
+    background-color: rgb(244, 253, 253);
+    border: 1px solid transparent;
+    border-radius: 3px;
+    padding: 50px;
+    box-shadow: 2px 3px 4px #888888;
+}
+.links{
+    text-align: center;
+}
+.signin, .signin:hover{
+    color: #fff;
+    background-color: #31606a;
+    border-color: #31606a;
+}
+a{
+    color: #31606a;
+}