basic improvements in formatting

src/App.css

@@ -1,8 +1,6 @@
 body {
   background-color: black;
   color: #00FF33;
-}
-.App {
-  margin: 3%;
+  margin: 1%;
   min-height: 100vh;
 }

src/Chat/Chat.css

@@ -1,7 +1,7 @@
 .chat-inner-wrapper {
-    height: 500px;
-    overflow-y: auto;
-    overflow-wrap: normal;
+    height: 50vh;
+    overflow-y:scroll;
+    /* overflow-wrap: normal; */
     display: flex;
     flex-direction: column;
 
@@ -10,6 +10,6 @@
     margin-top: 5px;
 }
 .chat {
-    min-height: 80vh;
+    /* min-height: 80vh; */
     position: relative;
 }

src/Chat/MessageDisplay.css

@@ -0,0 +1,3 @@
+.msg .msg-err {
+    overflow-wrap: break-word;
+}

src/Login/Login.css

@@ -0,0 +1,3 @@
+.uname-error-text {
+    color: red;
+}