diff --git a/css/navbar.css b/css/navbar.css
index 938d0c4..9f6a5f8 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -139,6 +139,7 @@ body{
     margin-right: 1vw;
 }
 
+
 .navs2>img {
     cursor: pointer;
     width: 2vw;
@@ -166,6 +167,7 @@ body{
     cursor: pointer;
 }
 
+
 .navbtn2 {
     cursor: pointer;
     height: 2vw;
@@ -194,7 +196,7 @@ body{
     color: white;
 }
 .txtColor1{
-    color: var(--txtColor1);
+    color: white;
 }
 
 .txtColor:hover{
@@ -202,10 +204,21 @@ body{
     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 {
diff --git a/index.html b/index.html
index 4a0e5d3..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 hello" 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 hello">Sign Up</button>
-      <button onclick="click" id="Calender" class="button_nav txtColor1 hello" style="border: 1px solid #f6f8f9; background-color:#208FF4 ; color: white;">Calendar</button>
+      <button id="signup" class="button_nav txtColor">Sign Up</button>
+      <button onclick="click" id="Calender" class="button_nav txtColor1 hello">Calendar</button>
     </div>
   </div>
 <!--Calender-->