diff --git a/index.html b/index.html
index ee7e929..e3cab5e 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@
 
 <body>
 
-  <nav class="navbar navbar-default  navbar-expand-lg  bg-white thinner">
+  <nav class="navbar navbar-default  navbar-expand-lg  bg-white thinner navcol">
     <div class="container-fluid">
         <div class="maintitle">
           <img src="./img/logo.gif"
@@ -150,9 +150,9 @@ <h3><span id="d1"></span></h3>
 
   <!-- FOOTER -->
   <footer>
-    <div class="container-fluid my-class">
+    <div class="container-fluid my-class foot">
       <div class="container">
-        <p class="textfooter">Made with 💝 by Avinash</p>
+        <p class="textfooter" style="margin-top: 2rem;">Made with 💝 by Avinash</p>
 
         <div>
           <ul style="color: white" class="social-links">
diff --git a/jquery.js b/jquery.js
index e621004..7329fa6 100644
--- a/jquery.js
+++ b/jquery.js
@@ -4,6 +4,9 @@ function setLightTheme() {
     $('body').css({ "background": "linear-gradient(to right, #191654, #43C6AC)" })
     $('.digit').css({ "color": "white" })
     $('#light').prop("checked", false);
+    $('.foot').css({ "background": "white" });
+ 
+   
 }
 
 function setDarkTheme() {
@@ -14,6 +17,9 @@ function setDarkTheme() {
     $('.digit').css({ "color": "rgb(216 137 31)" });
     $('.buttons').css({ "border-color": "white" });
     $('#light').prop("checked", true);
+    $('.foot').css({ "background": "#a7a7a7 " });
+   
+
 }
 
 var prefersDarkThemeMql = window.matchMedia("(prefers-color-scheme: dark)");
diff --git a/script.js b/script.js
index dbf0423..9dd03da 100644
--- a/script.js
+++ b/script.js
@@ -280,3 +280,5 @@ setInterval(() => {
     $id('d1').innerHTML = date;
 }, 1000);
 
+
+
diff --git a/style.css b/style.css
index 67c849f..3e29518 100644
--- a/style.css
+++ b/style.css
@@ -418,6 +418,7 @@ footer {
   align-items: center;
   text-decoration-color: white;
   text-emphasis-style: bold;
+
 }
 
 .social-links {
