CSS code formating

VAR.Focus.Web/Styles/10. Chat.css

@@ -11,11 +11,11 @@
     right: 0;
 }
 
-.divChatTitleBar{
+.divChatTitleBar {
     text-align: right;
 }
 
-.titleChatNormal{
+.titleChatNormal {
     background-color: rgb(220,220,220);
     cursor: pointer;
     display: inline-block;
@@ -24,12 +24,20 @@
 }
 
 @keyframes alert {
-    0%   {background-color: red;}
-    50%  {background-color: rgb(220,220,220);}
-    100%  {background-color: red;}
+    0% {
+        background-color: red;
+    }
+
+    50% {
+        background-color: rgb(220,220,220);
+    }
+
+    100% {
+        background-color: red;
+    }
 }
 
-.titleChatAlert{
+.titleChatAlert {
     background-color: red;
     animation-name: alert;
     animation-duration: 1s;
@@ -39,7 +47,8 @@
     border-radius: 5px;
     padding: 5px;
 }
-.titleChatDisconnected{
+
+.titleChatDisconnected {
     color: rgb(64,64,64);
     background-color: rgb(220,220,220);
     cursor: pointer;
@@ -56,7 +65,6 @@
     border-radius: 5px;
     border: solid 1px black;
     box-shadow: inset 0px 0px 5px black;
-    
 }
 
 .messageRow,
@@ -143,10 +151,12 @@
     cursor: pointer;
     background-color: rgb(192,192,192);
 }
-.chatButton:hover {
-    background-color: rgb(220,220,220);
-}
-.chatButton:active {
-    background-color: rgb(220,220,220);
-    box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);
-}
+
+    .chatButton:hover {
+        background-color: rgb(220,220,220);
+    }
+
+    .chatButton:active {
+        background-color: rgb(220,220,220);
+        box-shadow: inset 0px 2px 5px rgba(255,255,255,1), inset 0px -2px 5px rgba(128,128,128,1);
+    }