dashboard styling

src/app/dashboard/dashboard.component.scss

@@ -1,37 +1,30 @@
-header,
-.row {
+header, .row {
   display: flex;
  /* aligns all child elements (flex items) in a row */
 }
-
 .title {
   text-align: center;
   background-color: #0b5fa4;
-  color: #ffffff;
+  color: #fff;
   padding: 1rem;
   margin: 1rem 0rem 1rem 0rem;
-
-  .titleTxt {
+}
+.title .titleTxt {
   font-size: 1rem;
   font-weight: bold;
 }
-}
-
 .header {
   background-color: #b4e8fd;
   width: 100%;
   text-align: center;
-
-  div {
-    background-color: #b4e8fd;
 }
+.header div {
+  background-color: #b4e8fd;
 }
-
 .page-container {
   margin: 2% 0% 0% 2%;
   min-width: fit-content;
 }
-
 .col {
   word-wrap: break-word;
  /* distributes space on the line equally among items */
@@ -39,7 +32,6 @@ header,
   min-width: 5%;
   padding: 0.2%;
 }
-
 .row {
   flex-direction: row;
 }