Windows look update

src/components/Dashboard/style.module.css

@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: column;
     height: 100%;
+    background-color: #007c7d;
 }
 
 .cardWrapper {
@@ -14,12 +15,37 @@
 }
 
 .card {
-    border-radius: 10px;
+    flex-direction: column;
+    justify-content: flex-start;
+    background-color: #c0c0c0;
+    border-top: 2px solid white;
+    border-left: 2px solid white;
+    border-bottom: 2px solid #828282;
+    border-right: 2px solid #828282;
+}
+
+.cardContent {
     padding: 1px 100px 30px 100px;
-    border: 1px solid rgba(220, 220, 220, 0.4);
-    box-shadow: 5px 5px 7px rgba(220, 220, 220, 0.5);
+}
+
+.cardHeader {
+  height: 30px;
+  color: white;
+  background-color: #000082;
+  text-align: left;
+  padding-left: 5px;
+  font-weight: bold;
+}
+
+.cardHeaderInactive {
+  height: 30px;
+  color: #c0c0c0;
+  background-color: #808080;
+  text-align: left;
+  padding-left: 5px;
+  font-weight: bold;
 }
 
 .footer {
-    background-color: rgba(220, 220, 220, 0.5);
+    background-color: #c0c0c0;
 }