diff --git a/css/nav.css b/css/nav.css
index 3eefa8b..0cf1c5a 100644
--- a/css/nav.css
+++ b/css/nav.css
@@ -7,6 +7,11 @@
     justify-content: space-between;
     align-items: center;
   }
+  nav:hover{
+    /* transform: scale(); */
+    box-shadow: 10px 10px 10px 10px rgba(40, 40, 40, 0.4);
+    transition-duration: 0.5s;
+  }
   
   .topnav a {
     float: left;
@@ -21,10 +26,13 @@
   .topnav a:hover {
     color: rgb(255, 255, 255);
     font-weight: 500;
+    transform: 2s;
+    transform: scale(1.1);
   }
   
   .topnav a.active {
     color: white;
+
   }
   
   .topnav .icon {
@@ -42,6 +50,12 @@
     margin-bottom: auto;
    
   }
+  #srch-bar:hover{
+    border-color: rgb(255, 255, 255);
+    background-color: black;
+    color: white;
+    transition-duration: 1s;
+  }
   @media screen and (max-width: 600px) {
     .topnav a:not(:first-child) {display: none;}
     .topnav a.icon {
diff --git a/css/style.css b/css/style.css
index f335ebe..b3c7eb2 100644
--- a/css/style.css
+++ b/css/style.css
@@ -57,6 +57,14 @@ nav{
   border: 3px solid var(--secondary-colour);
   border-radius: 100px;
 }
+.logo img:hover{
+  transition: 1s;
+  transform: scale(1.1);
+  border-radius: 100%;
+  cursor: pointer;
+  box-shadow: -1px 1px 1px 1px  white;
+
+}
 
 /* List and search button styling */
 .main-menu {
@@ -102,6 +110,16 @@ nav{
   font-size: 15px;
   border-radius: 8px;
 }
+#main-img{
+  margin: auto;
+}
+
+#main-img:hover{
+  box-shadow: 5px 5px 5px 5px rgba(255, 255, 255, 0.4);
+  transform: scale(1.02);
+  transition-duration: 1s;
+
+}
 
 /* background styling */
 .background {
@@ -135,6 +153,7 @@ nav{
 }
 .secondhalf {
   width: 30%;
+  margin: auto;
 }
 
 .secondhalf img {
diff --git a/index.html b/index.html
index d11343d..c86c3ee 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
         </a>
         <form class="srch" role="search">
           <div id="srch">
-            <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+            <input id="srch-bar" class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
             <button class="btn btn-outline-dark" type="submit"><img src="img/search.png" alt="" width="25"></button>
           </div>
         </form>
@@ -55,7 +55,7 @@
     <div class="  box-main">
       <div class="firsthalf">
         <div class="secondhalf">
-          <img class="img" src="img/online-shop.jpg" alt="" />
+          <img id="main-img" class="img" src="img/online-shop.jpg" alt="" />
         </div>
         <p class="text-big" style="color: black; font-family: 'Josefin Sans', sans-serif;"><strong>The Shopping place
             for all needs!</strong></p>
@@ -279,7 +279,10 @@ <h1 id="free_daily_updates">Subscribe to our newsletter</h1>
 
       <div class="first_para">
         <div class="footer_logo">
-          <h1>LOGO</h1>
+          <!-- <h1>LOGO</h1> -->
+          <div class="secondhalf">
+            <img id="main-img" class="img" src="img/online-shop.jpg" alt="" />
+          </div>
           <div class="footer_para">
 
             <h3 id="footer_first_head">We are the team and we truly care for you!</h3>