diff --git a/src/App.css b/src/App.css
index a7fc5e3..2811561 100644
--- a/src/App.css
+++ b/src/App.css
@@ -6,6 +6,8 @@ body {
   margin: 0;
   padding: 0;
   background-color: #f5f5f5;
+  color: #333;
+  line-height: 1.6;
 }
 
 .container {
@@ -14,26 +16,12 @@ body {
   padding: 20px;
 }
 
-h1,
-h2,
-h3 {
-  color: #333;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: 500;
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600;
+  margin-bottom: 15px;
 }
 
-p,
-span,
-div,
-a,
-button {
+p, span, div, a, button {
   font-weight: 400;
 }
 
@@ -41,7 +29,14 @@ button {
 .navbar {
   background-color: #2874f0;
   color: white;
-  padding: 15px;
+  padding: 15px 30px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
+  position: sticky;
+  top: 0;
+  z-index: 1000;
 }
 
 .navbar ul {
@@ -49,42 +44,68 @@ button {
   margin: 0;
   padding: 0;
   display: flex;
+  gap: 20px;
 }
 
 .navbar li {
-  margin-right: 20px;
+  margin: 0;
 }
 
 .navbar a {
   color: white;
   text-decoration: none;
+  font-weight: 500;
+  transition: color 0.3s ease;
+}
+
+.navbar a:hover {
+  color: #ffd700;
 }
 
 /* Home Page */
 .home {
   text-align: center;
-  padding: 50px;
+  padding: 80px 20px;
 }
 
 .home h2 {
-  font-size: 3rem;
+  font-size: 2.8rem;
+  font-weight: 600;
+  color: #222;
+  margin-bottom: 20px;
 }
 
 /* Shop Page */
 .product-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 20px;
+  gap: 25px;
 }
 
 .product-card {
-  border: 1px solid #ddd;
+  background: #fff;
+  border-radius: 10px;
   padding: 20px;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
+  cursor: pointer;
+}
+
+.product-card:hover {
+  transform: translateY(-5px);
+  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
 }
 
 .product-card img {
   max-width: 100%;
   height: auto;
+  border-radius: 8px;
+  margin-bottom: 15px;
+}
+
+.product-card h3 {
+  font-size: 1.2rem;
+  margin-bottom: 10px;
 }
 
 /* Cart Page */
@@ -92,25 +113,65 @@ button {
   display: flex;
   align-items: center;
   margin-bottom: 20px;
+  background: #fff;
+  padding: 15px;
+  border-radius: 8px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
 }
 
 .cart-item img {
   width: 80px;
   height: 80px;
   margin-right: 20px;
+  border-radius: 8px;
+  object-fit: cover;
 }
 
 /* Checkout Page */
 .checkout {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  gap: 20px;
+  gap: 25px;
+}
+
+.checkout .section {
+  background: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
 }
 
 /* Order Success Page */
 .order-success {
   text-align: center;
-  padding: 50px;
+  padding: 80px 20px;
+  background: #fff;
+  border-radius: 12px;
+  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
+}
+
+.order-success h2 {
+  color: #28a745;
+  font-size: 2.5rem;
+  margin-bottom: 20px;
+}
+
+/* Buttons */
+button {
+  background-color: #2874f0;
+  color: white;
+  padding: 10px 20px;
+  border: none;
+  border-radius: 6px;
+  font-size: 1rem;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+button:hover {
+  background-color: #185ad1;
+  transform: translateY(-2px);
 }
 
 /* Slide-up animation */
@@ -125,7 +186,6 @@ button {
   }
 }
 
-/* Animated class for product cards */
 .product-card-animated {
   animation: slideUp 0.5s ease-in-out;
   animation-fill-mode: forwards;