diff --git a/checkout.html b/checkout.html
index 48da933..e0188ef 100644
--- a/checkout.html
+++ b/checkout.html
@@ -197,6 +197,7 @@ <h2>Order Details</h2>
             <button class="place-order-button" onclick="placeOrder()">Place Order</button>
         </div>
     </div>
+    
 
     <script>
         document.addEventListener('DOMContentLoaded', () => {
@@ -288,7 +289,88 @@ <h2>Order Details</h2>
     'Ironman Watch': {
         image: 'assets/merchandise/watch.webp',
         price: 50
-    }
+    },
+    'Sticker 1':{
+        image: 'assets/stickers/cartoon-red-yellow-robot.jpg',
+        price: 1.99
+    },
+    'Sticker 2':{
+        image: 'assets/stickers/drawing-iron-man-character.jpg',
+        price: 1.99
+    },
+    'Sticker 3':{
+        image: 'assets/stickers/iron-man-simplified-head.avif',
+        price: 1.99
+    },
+    'Sticker 4':{
+        image: 'assets/stickers/iron-man-vector-illustration-flat-2.avif',
+        price: 1.99
+    },
+    'Sticker 5':{
+        image: 'assets/stickers/iron-man-vector-illustration3.avif',
+        price: 1.99
+    },
+    'Sticker 6':{
+        image: 'assets/stickers/ironman-sticker_1141877-798.avif',
+        price: 1.99
+    },
+    'Sticker 7':{
+        image: 'assets/stickers/ironman-sticker_2.avif',
+        price: 1.99
+    },
+    'Sticker 8':{
+        image: 'assets/stickers/sticker-iron-man-flying-through-air.jpg',
+        price: 1.99
+    },
+    'Sticker 9':{
+        image: 'assets/stickers/sticker-iron-man-with-glowing-eyes.jpg',
+        price: 1.99
+    },
+    'Sticker 10':{
+        image: 'assets/stickers/iron-man-sticker_10.jpg',
+        price: 1.99
+    },
+    'Sticker 11':{
+        image: 'assets/stickers/sticker11.avif',
+        price: 1.99
+    },
+    'Sticker 12':{
+        image: 'assets/stickers/ironman-character-2-numberj_12.jpg',
+        price: 1.99
+    },
+    'Sticker 13':{
+        image: 'assets/stickers/hand-drawing-little-realistic-ironman-13.avif',
+        price: 1.99
+    },
+    'Sticker 14':{
+        image: 'assets/stickers/sticker15.avif',
+        price: 1.99
+    },
+    'Sticker 15':{
+        image: 'assets/stickers/sticker16-1.avif',
+        price: 1.99
+    },
+    'Sticker 16':{
+        image: 'assets/stickers/sticker16.jpg',
+        price: 1.99
+    },
+    'Sticker 17':{
+        image: 'assets/stickers/sticker17.jpg',
+        price: 1.99
+    },
+    'Sticker 18':{
+        image: 'assets/stickers/sticker18.jpg',
+        price: 1.99
+    },
+    'Sticker 19':{
+        image: 'assets/stickers/sticker19.avif',
+        price: 1.99
+    },
+    'Sticker 20':{
+        image: 'assets/stickers/sticker20.jpg',
+        price: 1.99
+    },
+    
 };
 
 // Modified addToCart function
diff --git a/sticker.html b/sticker.html
index 2ba4406..d75ad70 100644
--- a/sticker.html
+++ b/sticker.html
@@ -7,6 +7,7 @@
     <title>Stark Tech Portfolio</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="css/merchandise.css">
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link rel="website icon" href="/assets/logo/icon.png">
@@ -54,13 +55,13 @@
 }
 
 .sticker p {
-    font-size: 12px;
+    font-size: 14px;
     color: #333;
     margin: 5px 0;
 }
 
 .sticker a {
-    padding: 5px;
+    padding: 9px;
     background-color: #ff4c4c;
     color: white;
     text-decoration: none;
@@ -150,108 +151,302 @@ <h1 class="movies-heading">
                 <div class="sticker">
                     <img src="assets/stickers/cartoon-red-yellow-robot.jpg" alt="Ironman Sticker 1">
                     <p>Sticker 1 - $1.99</p>
-                    <a href="assets/stickers/cartoon-red-yellow-robot.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/cartoon-red-yellow-robot.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 1', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/drawing-iron-man-character.jpg" alt="Ironman Sticker 2">
                     <p>Sticker 2 - $1.99</p>
-                    <a href="assets/stickers/drawing-iron-man-character.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/drawing-iron-man-character.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 2', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/iron-man-simplified-head.avif" alt="Ironman Sticker 3">
                     <p>Sticker 3 - $1.99</p>
-                    <a href="assets/stickers/iron-man-simplified-head.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/iron-man-simplified-head.avif" target="_blank">View Now</a>
+                        <button  class="add-to-cart" onclick="addToCart('Sticker 3', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/iron-man-vector-illustration-flat-2.avif" alt="Ironman Sticker 4">
                     <p>Sticker 4 - $1.99</p>
+                <div>
                     <a href="assets/stickers/iron-man-vector-illustration-flat-2.avif" target="_blank">View Now</a>
+                    <button class="add-to-cart" onclick="addToCart('Sticker 4', 1.99)">Add to Cart</button>
+                </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/iron-man-vector-illustration3.avif" alt="Ironman Sticker 5">
                     <p>Sticker 5 - $1.99</p>
-                    <a href="assets/stickers/iron-man-vector-illustration3.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/iron-man-vector-illustration3.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 5', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/ironman-sticker_1141877-798.avif" alt="Ironman Sticker 6">
                     <p>Sticker 6 - $1.99</p>
-                    <a href="assets/stickers/ironman-sticker_1141877-798.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/ironman-sticker_1141877-798.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 6', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/ironman-sticker_2.avif" alt="Ironman Sticker 7">
                     <p>Sticker 7 - $1.99</p>
-                    <a href="assets/stickers/ironman-sticker_2.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/ironman-sticker_2.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 7', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker-iron-man-flying-through-air.jpg" alt="Ironman Sticker 8">
                     <p>Sticker 8 - $1.99</p>
-                    <a href="assets/stickers/sticker-iron-man-flying-through-air.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker-iron-man-flying-through-air.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 8', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker-iron-man-with-glowing-eyes.jpg" alt="Ironman Sticker 9">
                     <p>Sticker 9 - $1.99</p>
-                    <a href="assets/stickers/sticker-iron-man-with-glowing-eyes.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker-iron-man-with-glowing-eyes.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 9', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/iron-man-sticker_10.jpg" alt="Ironman Sticker 10">
                     <p>Sticker 10 - $1.99</p>
-                    <a href="assets/stickers/iron-man-sticker_10.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/iron-man-sticker_10.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 10', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker11.avif" alt="Ironman Sticker 11">
                     <p>Sticker 11 - $1.99</p>
-                    <a href="assets/stickers/sticker11.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker11.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 11', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/ironman-character-2-numberj_12.jpg" alt="Ironman Sticker 12">
                     <p>Sticker 12 - $1.99</p>
-                    <a href="assets/stickers/ironman-character-2-numberj_12.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/ironman-character-2-numberj_12.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 12', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/hand-drawing-little-realistic-ironman-13.avif" alt="Ironman Sticker 13">
                     <p>Sticker 13 - $1.99</p>
-                    <a href="assets/stickers/hand-drawing-little-realistic-ironman-13.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/hand-drawing-little-realistic-ironman-13.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 13', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker15.avif" alt="Ironman Sticker 14">
                     <p>Sticker 14 - $1.99</p>
-                    <a href="assets/stickers/sticker15.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker15.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 14', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker16-1.avif" alt="Ironman Sticker 15">
                     <p>Sticker 15 - $1.99</p>
-                    <a href="assets/stickers/sticker16-1.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker16-1.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 15', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker16.jpg" alt="Ironman Sticker 16">
                     <p>Sticker 16 - $1.99</p>
-                    <a href="assets/stickers/sticker16.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker16.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 16', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker17.jpg" alt="Ironman Sticker 17">
                     <p>Sticker 17 - $1.99</p>
-                    <a href="assets/stickers/sticker17.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker17.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 17', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker18.jpg" alt="Ironman Sticker 18">
                     <p>Sticker 18 - $1.99</p>
-                    <a href="assets/stickers/sticker18.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker18.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 18', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker19.avif" alt="Ironman Sticker 18">
                     <p>Sticker 19 - $1.99</p>
-                    <a href="assets/stickers/sticker19.avif" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker19.avif" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 19', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
                 <div class="sticker">
                     <img src="assets/stickers/sticker20.jpg" alt="Ironman Sticker 18">
                     <p>Sticker 20 - $1.99</p>
-                    <a href="assets/stickers/sticker20.jpg" target="_blank">View Now</a>
+                    <div>
+                        <a href="assets/stickers/sticker20.jpg" target="_blank">View Now</a>
+                        <button class="add-to-cart" onclick="addToCart('Sticker 20', 1.99)">Add to Cart</button>
+                    </div>
                 </div>
 
             </div>
+            <div class="floating-cart">
+                <button id="cartButton" class="cart-button">
+                    <i class="fas fa-shopping-cart"></i>
+                    <span id="cartCount" class="cart-count">0</span>
+                </button>
+                
+                <div id="cartPanel" class="cart-panel">
+                    <div class="cart-header">
+                        <h2>Shopping Cart</h2>
+                        <button id="closeCart" class="close-button">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                    <div id="cartItems" class="cart-items">
+                        <!-- Cart items will be added here dynamically -->
+                    </div>
+                    <div class="cart-footer">
+                        <div class="cart-total">
+                            <span>Total:</span>
+                            <span id="cartTotal">$0.00</span>
+                        </div>
+                        <button id="checkoutButton" class="checkout-button">Proceed to Checkout</button>
+                    </div>
+                </div>
+            </div>
             
         </main>
-        <!-- Add more stickers as needed -->
+        <script>
+            let cart = [];
+            let total = 0;
+            
+            // DOM Elements
+            const cartButton = document.getElementById('cartButton');
+            const cartPanel = document.getElementById('cartPanel');
+            const closeCart = document.getElementById('closeCart');
+            const cartItems = document.getElementById('cartItems');
+            const cartTotal = document.getElementById('cartTotal');
+            const cartCount = document.getElementById('cartCount');
+            const checkoutButton = document.getElementById('checkoutButton');
+            
+            // Event Listeners
+            cartButton.addEventListener('click', toggleCart);
+            closeCart.addEventListener('click', toggleCart);
+            checkoutButton.addEventListener('click', proceedToCheckout);
+            
+            function toggleCart() {
+                cartPanel.classList.toggle('active');
+                document.body.classList.toggle('cart-open');
+            }
+            
+            function addToCart(item, price) {
+                const existingItem = cart.find(cartItem => cartItem.item === item);
+                
+                if (existingItem) {
+                    existingItem.quantity++;
+                    existingItem.totalPrice = existingItem.quantity * existingItem.price;
+                } else {
+                    cart.push({
+                        item: item,
+                        price: price,
+                        quantity: 1,
+                        totalPrice: price
+                    });
+                }
+                
+                total += price;
+                updateCartDisplay();
+                toggleCart(); // Show cart when item is added
+            }
+            
+            function removeFromCart(item) {
+                const itemIndex = cart.findIndex(cartItem => cartItem.item === item);
+                if (itemIndex > -1) {
+                    const cartItem = cart[itemIndex];
+                    total -= cartItem.price;
+                    
+                    if (cartItem.quantity > 1) {
+                        cartItem.quantity--;
+                        cartItem.totalPrice = cartItem.quantity * cartItem.price;
+                    } else {
+                        cart.splice(itemIndex, 1);
+                    }
+                    
+                    updateCartDisplay();
+                }
+            }
+            
+            function updateCartDisplay() {
+                cartItems.innerHTML = '';
+                let itemCount = 0;
+                
+                cart.forEach(item => {
+                    itemCount += item.quantity;
+                    const itemElement = document.createElement('div');
+                    itemElement.className = 'cart-item';
+                    itemElement.innerHTML = `
+                        <div class="item-details">
+                            <div class="item-title">${item.item}</div>
+                            <div class="item-price">$${item.totalPrice.toFixed(2)}</div>
+                        </div>
+                        <div class="quantity-controls">
+                            <button class="quantity-button" onclick="removeFromCart('${item.item}')">-</button>
+                            <span>${item.quantity}</span>
+                            <button class="quantity-button" onclick="addToCart('${item.item}', ${item.price})">+</button>
+                        </div>
+                    `;
+                    cartItems.appendChild(itemElement);
+                });
+                
+                cartTotal.textContent = `$${total.toFixed(2)}`;
+                cartCount.textContent = itemCount;
+                
+                // Save cart to localStorage
+                localStorage.setItem('cartItems', JSON.stringify(cart));
+                localStorage.setItem('cartTotal', total);
+            }
+            
+            function proceedToCheckout() {
+                if (cart.length > 0) {
+                    window.location.href = 'checkout.html';
+                }
+            }
+            
+            // Load cart from localStorage on page load
+            window.addEventListener('load', () => {
+                const savedCart = localStorage.getItem('cartItems');
+                const savedTotal = localStorage.getItem('cartTotal');
+                
+                if (savedCart && savedTotal) {
+                    cart = JSON.parse(savedCart);
+                    total = parseFloat(savedTotal);
+                    updateCartDisplay();
+                }
+            });
+                        
+            
+        </script>
     </div>
     <footer>
         <div class="footer background">
diff --git a/style.css b/style.css
index 525541b..f0bdebb 100644
--- a/style.css
+++ b/style.css
@@ -1,5 +1,5 @@
-@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2&family=Roboto&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Alkatra&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2&family=Roboto&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Alkatra&display=swap");
 
 * {
   margin: 0;
@@ -165,7 +165,7 @@ body {
   text-decoration: none;
   color: white;
   font-size: 1.5rem;
-  font-family: 'Alkatra', cursive;
+  font-family: "Alkatra", cursive;
   transition: all 1s ease;
   transition-duration: 0.5s;
   /* transition: color 0.3s ease, text-shadow 0.4s ease-in-out; */
@@ -201,7 +201,7 @@ body {
   max-width: 600px;
   display: flex;
   align-items: center;
-    background-color: #414141 !important;
+  background-color: #414141 !important;
   background-color: white;
   border-radius: 60px;
   padding: 5px 10px;
@@ -209,7 +209,7 @@ body {
 
 .search-bar input {
   background: transparent;
-  font-family: 'Alkatra', cursive;
+  font-family: "Alkatra", cursive;
   flex: 1;
   border: none;
   outline: none;
@@ -219,7 +219,8 @@ body {
   color: rgb(238, 10, 10);
   margin-top: 3px;
 }
-::placeholder,.email-input{
+::placeholder,
+.email-input {
   color: rgb(249, 246, 246);
 }
 
@@ -227,7 +228,6 @@ body {
   color: rgb(238, 10, 10);
 } */
 
- 
 .search-bar button {
   border: 0;
   border-radius: 50%;
@@ -248,7 +248,7 @@ body {
   justify-content: center;
   align-items: center;
   color: white;
-  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   max-width: 50%;
   margin: auto;
   height: 80%;
@@ -266,7 +266,7 @@ a:visited {
   justify-content: flex-start;
   align-items: center;
   background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
-    url('assets/bg3.jpg');
+    url("assets/bg3.jpg");
   background-size: cover;
   padding-left: 50px;
   /* Space between left edge and content */
@@ -345,7 +345,7 @@ a:visited {
   border: 2px solid transparent;
   font-size: 16px;
   font-weight: 600;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   width: 145px;
   box-shadow: 0 0 4px red, 0 0 8px red, 0 0 12px red, 0 0 16px red;
 }
@@ -356,7 +356,8 @@ a:visited {
   border: 2px solid white;
   font-size: 20px;
   left: 100%;
-  box-shadow: 0 0 12px whitesmoke, 0 0 24px whitesmoke, 0 0 36px whitesmoke, 0 0 48px whitesmoke;
+  box-shadow: 0 0 12px whitesmoke, 0 0 24px whitesmoke, 0 0 36px whitesmoke,
+    0 0 48px whitesmoke;
 }
 
 .btn-transparent {
@@ -365,7 +366,7 @@ a:visited {
   border: 2px solid white;
   font-size: 16px;
   font-weight: 600;
-  font-family: 'Open Sans', sans-serif;
+  font-family: "Open Sans", sans-serif;
   width: 160px;
 }
 
@@ -397,71 +398,63 @@ a:visited {
 
 .text-big {
   font-size: 35px;
-  font-family: 'Roboto', cursive;
+  font-family: "Roboto", cursive;
   margin-right: 100px;
   text-shadow: rgba(255, 77, 0, 0.849) 1px 0 10px !important;
 }
 
 .text-small {
   font-size: 20px;
-  font-family: 'Roboto', cursive;
+  font-family: "Roboto", cursive;
   margin-right: 100px;
   text-shadow: rgba(255, 0, 195, 0.849) 1px 0 10px !important;
 }
 
 @media (max-width: 600px) {
-
- .txt-big {
-  font-size: 35px;
-  margin-left:1rem;
+  .txt-big {
+    font-size: 35px;
+    margin-left: 1rem;
   }
 
   .txt-small {
-    margin-left:1rem;
+    margin-left: 1rem;
   }
 
-  .secondHalf{
-    padding-left:0;
+  .secondHalf {
+    padding-left: 0;
     /* margin-left: 1rem; */
   }
-  
-  .buttons {
-  margin-top: 20px;
-  margin-bottom: 40px;
-}
-
-.buttons .btn {
-  margin: 0 !important;
-  padding: 10px 15px;
-}
 
-.firstHalf {
-  display: flex;
-  justify-content:center;
-}
+  .buttons {
+    margin-top: 20px;
+    margin-bottom: 40px;
+  }
 
-.ironman-illustration {
-  width: 80%;
+  .buttons .btn {
+    margin: 0 !important;
+    padding: 10px 15px;
+  }
 
-}
+  .firstHalf {
+    display: flex;
+    justify-content: center;
+  }
 
+  .ironman-illustration {
+    width: 80%;
+  }
 }
 
 @media (max-width: 900px) {
-.buttons{
-margin-bottom: 25px;
-
-}
-  
-.ironman-illustration {
-  width: 90%;
-}
+  .buttons {
+    margin-bottom: 25px;
+  }
 
+  .ironman-illustration {
+    width: 90%;
+  }
 }
 
-
-
-
 .section {
   height: 500px;
   display: flex;
@@ -476,7 +469,7 @@ margin-bottom: 25px;
 
 .sec {
   /* background-color: rgba(111, 7, 0, 0.819); */
-  background-image: url('assets/bg3.jpg');
+  background-image: url("assets/bg3.jpg");
   /* background-color: rgba(0, 0, 0, 0.61); */
   background-repeat: none;
   color: white;
@@ -517,7 +510,7 @@ margin-bottom: 25px;
 }
 
 .sectionSubTag {
-  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   font-size: 14px;
   text-shadow: rgba(245, 131, 255, 0.54) 1px 0 10px !important;
 }
@@ -541,7 +534,7 @@ margin-bottom: 25px;
 .text-center {
   text-align: center;
   padding: 30px 0;
-  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
+  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
   font-size: 25px;
 }
 
@@ -603,11 +596,11 @@ margin-bottom: 25px;
 
 .country-select {
   width: 19%;
-  height: 35px; 
+  height: 35px;
   padding: 5px;
-  color: black; 
-  background-color: rgba(255, 255, 255, 1); 
-  border: 1px solid #ccc; 
+  color: black;
+  background-color: rgba(255, 255, 255, 1);
+  border: 1px solid #ccc;
   border-radius: 5px;
   font-size: 16px;
   transition: all 0.3s ease;
@@ -615,14 +608,13 @@ margin-bottom: 25px;
 
 .country-select:focus {
   outline: none;
-  border: 2px solid #b71c1c; 
+  border: 2px solid #b71c1c;
 }
 
 .country-select option {
   padding: 10px;
 }
 
-
 /* Button Styling */
 
 .submit-btn {
@@ -716,8 +708,7 @@ margin-bottom: 25px;
   margin-top: 10px;
 }
 
-  
-.visitor-counter { 
+.visitor-counter {
   position: absolute;
   background-color: #801111;
   color: rgb(235, 213, 14);
@@ -729,13 +720,12 @@ margin-bottom: 25px;
   font-family: Arial, sans-serif;
   margin-left: 190px;
   z-index: 10; /* Ensure it stays on top of the border */
-}  
+}
 
 .visitor-counter .icon {
   margin-right: 10px;
 }
 
-
 .footer-p {
   opacity: 0.7;
   /* background-color: #c6e130; */
@@ -837,52 +827,42 @@ ironlogo .footer-col-main {
   background-color: #040101;
 } */
 
-
-
 @media (max-width: 900px) {
   .footer {
-  grid-template-columns: 1fr 1fr;
-  padding: 2rem;
-}
-
-
-.footer-col-main {
-  margin-top: 1rem;
-}
-
-.footer-img{
-  margin-left: -30px;
-  margin-right: 200px;
-}
-
-
-
-
-.footer-p{
-  margin-left:50px;
-}
+    grid-template-columns: 1fr 1fr;
+    padding: 2rem;
+  }
 
-.footer-social {
-  justify-content: center;
-  margin-left:20px;
-}
+  .footer-col-main {
+    margin-top: 1rem;
+  }
 
-.footer-col img {
-  width: 3.5rem;
-  height: 3.5rem;
-}
+  .footer-img {
+    margin-left: -30px;
+    margin-right: 200px;
+  }
 
+  .footer-p {
+    margin-left: 50px;
+  }
 
-.footer-bar p {
-  font-size: 0.8rem;
-  top: 0;
-  padding: 1rem 3rem;
-}
+  .footer-social {
+    justify-content: center;
+    margin-left: 20px;
+  }
 
+  .footer-col img {
+    width: 3.5rem;
+    height: 3.5rem;
+  }
 
+  .footer-bar p {
+    font-size: 0.8rem;
+    top: 0;
+    padding: 1rem 3rem;
+  }
 }
 
-
 /* Small screens (mobile) */
 
 /* Hamburger Menu */
@@ -1074,7 +1054,6 @@ ironlogo .footer-col-main {
 
 .active {
   color: rgb(247, 242, 242);
-  text-decoration: underline;
 }
 
 /*Added SOCIAL- Media icons */
@@ -1160,7 +1139,7 @@ ironlogo .footer-col-main {
 .movies-heading {
   margin-top: 70px;
   font-size: 2.5rem;
-  font-family: 'Arial', sans-serif;
+  font-family: "Arial", sans-serif;
   font-weight: bold;
   text-align: center;
   color: white;
@@ -1189,7 +1168,7 @@ body {
 
 /* Background section should remain the same */
 .background1 {
-  padding: 0.1px ;
+  padding: 0.1px;
 }
 
 /* Movie Cards Section */
@@ -1211,7 +1190,6 @@ body {
   text-align: center;
 }
 
-
 /* .movie-card:hover {
   /* transform: scale(1.05);  */
 /* Slight zoom effect on hover */
@@ -1300,8 +1278,8 @@ h2 {
   fill: #ffd700;
 }
 
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
@@ -1351,7 +1329,6 @@ input[type='number']::-webkit-outer-spin-button {
   text-decoration: underline;
 }
 @media (max-width: 600px) {
- 
   .movie-cards-container {
     display: flex;
     flex-direction: column;
@@ -1359,31 +1336,30 @@ input[type='number']::-webkit-outer-spin-button {
     flex-wrap: wrap;
     margin: 0 auto;
   }
-  
+
   /* Styling for each movie card */
   .movie-card {
-    width:100%;
+    width: 100%;
     height: auto;
   }
-  
+
   .movie-image {
     width: 100%;
     height: auto;
     border-radius: 5px;
   }
   .movie-title {
-    font-size:1.1rem;
+    font-size: 1.1rem;
     font-weight: bold;
     color: #ffffff;
     margin-top: 10px;
   }
- 
+
   .visitor-counter {
     margin-left: 170px;
     top: 30px;
   }
- 
- 
+
   .footer {
     grid-template-columns: 1fr;
     padding: 1.5rem;
@@ -1395,14 +1371,14 @@ input[type='number']::-webkit-outer-spin-button {
     margin: 0 auto;
   }
 
-  .footer-img{
-    display:flex;
+  .footer-img {
+    display: flex;
     justify-content: center;
     margin-top: 1rem;
   }
 
-  #ironlogo{
-    margin-left:0;
+  #ironlogo {
+    margin-left: 0;
   }
 
   .footer-p {
@@ -1422,21 +1398,19 @@ input[type='number']::-webkit-outer-spin-button {
     padding: 0.4rem;
   }
 
-  .h46{
-    margin-left:0;
+  .h46 {
+    margin-left: 0;
     margin-bottom: 0.5rem;
   }
 
   .footer-col-main a {
-  margin-left: 0;
-  margin-bottom: 0.25rem;
-}
+    margin-left: 0;
+    margin-bottom: 0.25rem;
+  }
 
-.footer-bar p {
-  font-size: 0.8rem;
-  top:0;
-  padding: 1rem 3rem;
+  .footer-bar p {
+    font-size: 0.8rem;
+    top: 0;
+    padding: 1rem 3rem;
+  }
 }
-
-
-}
\ No newline at end of file