diff --git a/index.html b/index.html
index 80d0fc9..77d6eaf 100644
--- a/index.html
+++ b/index.html
@@ -7,10 +7,11 @@
         Toddler Shop
     </title>
     <script src="/scripts/main.js"></script>
+    <link rel="stylesheet" href="style/main.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
 </head> 
  
-<body onload="loadProducts()">
+<body onload="loadProducts()" style="background-color: #D9F2D0;">
     <form action="" id="barcode_form">
         <input id="barcode_input" type="text" autofocus>
         <input type="submit" value="Submit">
@@ -18,7 +19,7 @@
 
     <img class="product_image">
 
-    <div class="container text-center product_placeholder">
+    <div class="container text-center product_placeholder"> 
         <div class="row row-cols-5">
           <div class="col product_col">
             <div class="card" style="width: 10rem; height: 15rem;">
diff --git a/style/main.css b/style/main.css
new file mode 100644
index 0000000..8f7a289
--- /dev/null
+++ b/style/main.css
@@ -0,0 +1,3 @@
+div.card{
+    background-color: #afda8e;
+}
\ No newline at end of file
