CSS page

styles.css

@@ -1,26 +1,24 @@
-body {
-  font-family: 'Arial', sans-serif;
-  margin: 20px;
-  background-color: #f2f2f2; /* Light grey background */
+/* Styles for the bar chart */
+.bar {
+    fill: steelblue;
 }
 
-#chart-container {
-  width: 800px;
-  margin: 20px auto;
+.bar:hover {
+    fill: lightpink;
 }
 
-h1 {
-  font-size: 32px; /* Bigger font size */
-  font-weight: bold; /* Bold */
-  text-align: center;
+.axis-label {
+    font-size: 14px;
+    font-family: Arial, sans-serif;
 }
 
-/* Darker pink for bars */
-rect {
-  fill: #ff6699;
+.axis path,
+.axis line {
+    fill: none;
+    stroke: black;
+    shape-rendering: crispEdges;
 }
 
-/* Black text for labels */
-text {
-  fill: black;
-}
+/* Adding light grey background */
+body {
+    background-color: #f0f0f0; /* Light grey color */