diff --git a/css/navbar.css b/css/navbar.css
index 85ecb69..9f6a5f8 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -128,6 +128,7 @@ body{
 }
 
 
+
 /* Sec-2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .navs2 {
     /* border: 1px solid black; */
@@ -138,6 +139,7 @@ body{
     margin-right: 1vw;
 }
 
+
 .navs2>img {
     cursor: pointer;
     width: 2vw;
@@ -165,6 +167,7 @@ body{
     cursor: pointer;
 }
 
+
 .navbtn2 {
     cursor: pointer;
     height: 2vw;
@@ -193,12 +196,31 @@ body{
     color: white;
 }
 .txtColor1{
-    color: var(--txtColor1);
+    color: white;
+}
+
+.txtColor:hover{
+    border: 1px solid #208FF4;
+    background-color: transparent;
+    color: #2a95f6;
+}
+
+.txtColor1:hover{
+    border: 1px solid #208FF4;
+    background-color: transparent;
+    color: #2a95f6;
 }
 .darktheme .txtColor1{
     color: rgba(0, 0, 0, 0.7);
 }
 
+.navs2 #themeImg:hover{
+    transform: scale(1.2);
+}
+
+
+
+
 .overlay {
   display: none;
   position: fixed;
@@ -338,3 +360,4 @@ body{
     color:rgb(211, 211, 211);
 }
 
+
diff --git a/css/sec2.css b/css/sec2.css
index 602aa9a..6f511eb 100644
--- a/css/sec2.css
+++ b/css/sec2.css
@@ -32,6 +32,10 @@
     color: #fff;
     background-color: #ff765d;
 }
+
+.sec2 img:hover{
+    transform: scale(1.1);
+}
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 .sec2content{
     /* border: 1px solid black; */
diff --git a/css/sec3.css b/css/sec3.css
index abf10a1..1f44b61 100644
--- a/css/sec3.css
+++ b/css/sec3.css
@@ -29,6 +29,10 @@
     justify-content: center;
     
 }
+
+.flex img:hover{
+    transform: scale(1.1);
+}
 .box1{
     /* border: 1px solid green; */
     padding-bottom: 2vw;
diff --git a/index.html b/index.html
index f91ea48..d5354cd 100644
--- a/index.html
+++ b/index.html
@@ -43,10 +43,10 @@
     <div class="navs2">
       <!-- <img src="img/final logo 1.png" alt="" /> -->
       <img src="assests/moon.png" alt="image" id="themeImg">
-      <button onclick="click" id="loginButton" class="button_nav txtColor1" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Log
+      <button onclick="click" id="loginButton" class="button_nav txtColor hello" >Log
         In</button>
       <button id="signup" class="button_nav txtColor">Sign Up</button>
-      <button onclick="click" id="Calender" class="button_nav txtColor1" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Calendar</button>
+      <button onclick="click" id="Calender" class="button_nav txtColor1 hello">Calendar</button>
     </div>
   </div>
 <!--Calender-->