diff --git a/package-lock.json b/package-lock.json
index fa2ee22..9a13b8a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "ISC",
       "dependencies": {
         "body-parser": "^1.18.3",
-        "dotenv": "^16.3.1",
+        "dotenv": "^16.4.5",
         "ejs": "^3.1.8",
         "express": "^4.16.3",
         "express-session": "^1.17.3",
@@ -296,14 +296,15 @@
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
     "node_modules/dotenv": {
-      "version": "16.3.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
-      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ==",
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/motdotla/dotenv?sponsor=1"
+        "url": "https://dotenvx.com"
       }
     },
     "node_modules/ee-first": {
@@ -1756,9 +1757,9 @@
       "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
     },
     "dotenv": {
-      "version": "16.3.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
-      "integrity": "sha512-IPzF4w4/Rd94bA9imS68tZBaYyBWSCE47V1RGuMrB94iyTOIEwRmVL2x/4An+6mETpLrKJ5hQkB8W4kFAadeIQ=="
+      "version": "16.4.5",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
+      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg=="
     },
     "ee-first": {
       "version": "1.1.1",
diff --git a/package.json b/package.json
index b404c46..3f3d471 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
   "license": "ISC",
   "dependencies": {
     "body-parser": "^1.18.3",
-    "dotenv": "^16.3.1",
+    "dotenv": "^16.4.5",
     "ejs": "^3.1.8",
     "express": "^4.16.3",
     "express-session": "^1.17.3",
diff --git a/public/css/styles.css b/public/css/styles.css
index 6cf0d9b..85b56ea 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -465,3 +465,11 @@ body.dark-mode .moon-icon {
 .contact.dark-mode {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.36);
 } 
+.logo-image {
+  /* width: 50px;
+  height: 50px; */
+  background: transparent;
+  padding: 45px;
+  margin-top: 10px;
+  /* margin-left: 50px; */
+}
\ No newline at end of file
diff --git a/views/Black_logo.png b/views/Black_logo.png
new file mode 100644
index 0000000..5f3dede
Binary files /dev/null and b/views/Black_logo.png differ
diff --git a/views/error.ejs b/views/error.ejs
index 8569fbb..ae481df 100644
--- a/views/error.ejs
+++ b/views/error.ejs
@@ -1,17 +1,18 @@
 <div align="center">
   <img src="error.svg" height="80%" />
-  <br/>
-  <br/>
-  <br/>
-  <a href="/" style="background-color: #2C3A47; color: white; padding: 1rem;font-weight: 800;text-decoration: none;border-radius: 5px;margin-top: 5em;font-family: 'Times New Roman', Times, serif;">HOME</a>
+  <br />
+  <br />
+  <br />
+  <a href="/"
+    style="background-color: #2C3A47; color: white; padding: 1rem;font-weight: 800;text-decoration: none;border-radius: 5px;margin-top: 5em;font-family: 'Times New Roman', Times, serif;">HOME</a>
 </div>
 
-  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
-  <script>
-    let error = <%- JSON.stringify(error1.message) %> 
-    Swal.fire({
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+<script>
+  // let error = <%- JSON.stringify(error1.message) %> 
+  Swal.fire({
     icon: "error",
     title: error,
     text: "Something went wrong!",
   });
-  </script> 
\ No newline at end of file
+</script>
\ No newline at end of file
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index 8bad3c5..8283240 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -1,116 +1,66 @@
 <!doctype html>
 <html lang="en" dir="ltr">
+
 <head>
     <meta charset="utf-8" />
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="shortcut icon"
+        href="https://drive.google.com/file/d/1lcLV9TF44UW-n3OuMvA-_YWWefvu34ds/view?usp=drive_link"
+        type="image/x-icon" />
     <title>Daily Journal</title>
     <meta charset="utf-8" />
-    <link
-      rel="stylesheet"
-      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
-    />
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
     <link rel="stylesheet" href="/css/styles.css" />
 </head>
+
 <body>
-    <nav
-      class="navbar navbar-default"
-      id="navbar"
-      style="position: relative; min-height: 80px"
-    >
+    <nav class="navbar navbar-default" id="navbar" style="position: relative; min-height: 80px">
         <div class="container">
             <div class="nav1">
                 <div class="navbar-logo">
-                    <a href="#" id="logo"></a>
-                    <a
-              class="navbar-brand"
-              href="/"
-              style="margin-left: 81px; font-size: 30px"
-              >DAILY JOURNAL</a
-            >
+                    <a href="/" id="logo" class="logo-image"></a>
+                    <a class="navbar-brand" href="#" style="cursor :default; margin-left: 81px; font-size: 30px">DAILY
+                        JOURNAL</a>
                 </div>
 
                 <div>
                     <ul class="menu nav navbar-nav navbar-right" id="unorderlist">
                         <li id="home">
-                            <a
-                  class="lianchor"
-                  href="/"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >HOME</a
-                >
+                            <a class="lianchor" href="/" style="font-size: 15px; padding: 20px 15px">HOME</a>
                         </li>
                         <li id="blogs">
-                            <a
-                  class="lianchor"
-                  href="/blogs"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >BLOGS</a
-                >
+                            <a class="lianchor" href="/blogs" style="font-size: 15px; padding: 20px 15px">BLOGS</a>
                         </li>
                         <li id="about">
-                            <a
-                  class="lianchor"
-                  href="/about"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >ABOUT US</a
-                >
+                            <a class="lianchor" href="/about" style="font-size: 15px; padding: 20px 15px">ABOUT US</a>
                         </li>
                         <li id="contact">
-                            <a
-                  class="lianchor"
-                  href="/contact"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >CONTACT US</a
-                >
+                            <a class="lianchor" href="/contact" style="font-size: 15px; padding: 20px 15px">CONTACT
+                                US</a>
                         </li>
                         <% if(!user){ %>
                             <li id="signup">
-                                <a
-                  class="lianchor"
-                  href="/signup"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >SIGN UP</a
-                >
+                                <a class="lianchor" href="/signup" style="font-size: 15px; padding: 20px 15px">SIGN
+                                    UP</a>
                             </li>
                             <li id="signin">
-                                <a
-                  class="lianchor"
-                  href="/signin"
-                  style="font-size: 15px; padding: 20px 15px"
-                  >SIGN IN</a
-                >
+                                <a class="lianchor" href="/signin" style="font-size: 15px; padding: 20px 15px">SIGN
+                                    IN</a>
                             </li>
                             <% }else{ %>
                                 <li id="logout">
-                                    <form
-                  action="/logout"
-                  method="post"
-                  style="font-size: 18px; padding: 20px 15px"
-                >
+                                    <form action="/logout" method="post" style="font-size: 18px; padding: 20px 15px">
                                         <button type="submit">LOG OUT</button>
                                     </form>
                                 </li>
                                 <% } %>
 
                                     <li id="dark-mode-toggle">
-                                        <button
-                  onclick="toggleDark()"
-                  class="dark-mode-button"
-                                            style="font-size: 18px; padding: 20px 15px"
-                >
-                                            <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                                                viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                                                stroke-linecap="round"
-                    stroke-linejoin="round"
-                                                class="sun-icon lucide lucide-sun"
-                    style="color: black"
-                  >
+                                        <button onclick="toggleDark()" class="dark-mode-button"
+                                            style="font-size: 18px; padding: 20px 15px">
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                                                stroke-linecap="round" stroke-linejoin="round"
+                                                class="sun-icon lucide lucide-sun" style="color: black">
                                                 <circle cx="12" cy="12" r="4" />
                                                 <path d="M12 2v2" />
                                                 <path d="M12 20v2" />
@@ -121,19 +71,11 @@
                                                 <path d="m6.34 17.66-1.41 1.41" />
                                                 <path d="m19.07 4.93-1.41 1.41" />
                                             </svg>
-                                            <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                                                viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                                                stroke-linecap="round"
-                    stroke-linejoin="round"
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                                                stroke-linecap="round" stroke-linejoin="round"
                                                 class="moon-icon lucide lucide-moon"
-                                                style="color: rgba(255, 255, 255, 0.5)"
-                  >
+                                                style="color: rgba(255, 255, 255, 0.5)">
                                                 <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" />
                                             </svg>
                                         </button>
@@ -213,5 +155,6 @@
         }
     </script>
 </body>
+
 </html>
-<div class="container"></div>
+<div class="container"></div>
\ No newline at end of file