Update background image

styles.css

@@ -1,10 +1,14 @@
 body {
-  font-family: 'Roboto', sans-serif;
-  text-align: center;
-  background-color: #1a1a1a;
-  color: #fff;
-  margin: 0;
-  padding: 0;
+    font-family: Roboto, sans-serif;
+    text-align: center;
+    background-image: url('background.png'); /* Replace with your image path */
+    background-size: cover; /* Ensures the image covers the entire background */
+    background-position: contain; /* Centers the image both horizontally and vertically */
+    background-repeat: no-repeat; /* Prevents the image from repeating */
+    background-color: #000; /* Fallback color in case image doesn't cover the entire screen */
+    margin: 0;
+    padding: 0;
+    color: #fff; /* Adjust text color for contrast */
 }