From ad003874ef3ab8e85d4e1996195ff7ec69a8544d Mon Sep 17 00:00:00 2001
From: Shreyaa173 <shreya186btcse23@igdtuw.ac.in>
Date: Tue, 4 Jun 2024 12:22:15 +0530
Subject: [PATCH] added hover in nav

---
 css/navbar.css | 15 ++++++++++++++-
 index.html     |  6 +++---
 2 files changed, 17 insertions(+), 4 deletions(-)

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-->