diff --git a/images/logo.png b/images/logo.png
index 2512e52d..7e0e3aa2 100644
Binary files a/images/logo.png and b/images/logo.png differ
diff --git a/images/logo_old.png b/images/logo_old.png
new file mode 100644
index 00000000..2512e52d
Binary files /dev/null and b/images/logo_old.png differ
diff --git a/styles/styles.css b/styles/styles.css
index 6aaf808e..c55faa5d 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -258,7 +258,7 @@ header {
   position: fixed;
   border: 2px solid black;
   border-radius: 50px;
-  background: rgb(255, 255, 255);
+  background: #080808;
   width: 100%;
   height: 10%;
   top: 0;
@@ -275,22 +275,24 @@ nav {
   padding: 0 20px;
 }
 
-.logo {
-  font-size: 24px;
+.logo { 
+  font-size: 30px;
   font-weight: bold;
   height: fit-content;
   color: var(--secondary-color);
   text-decoration: none;
   transition: color 0.3s ease;
+  color: #fff;
   img {
-    width: 50px;
-    height: 50px;
+    width: 67px;
+    height: 67px;
   }
 }
 
 .logo:hover {
-  color: #ff6f61;
+  color: #ff004f;
 }
+
 #icon {
   width: 30px;
   cursor: pointer;
@@ -302,27 +304,29 @@ nav ul {
   padding: 0;
 }
 
-nav ul li {
-  margin-left: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 25px 0 25px;
+nav ul li{
+  display: inline-block;
+  list-style: none;
+  margin: 10px 20px;
 }
-
-nav ul li a {
-  color: var(--secondary-color);
-  text-decoration: none;
-  font-size: 1.3em;
-  transition: color 0.3s ease;
-  font-family: 'Playpen Sans', cursive;
-  font-optical-sizing: auto;
-  font-weight: 400;
-  font-style: normal;
+nav ul li a{
+  color:#fff;
+  text-decoration:none;
+  font-size: 18px;
+  position: relative;
 }
-
-nav ul li a:hover {
-  color: #7965ea;
+nav ul li a::after{
+  content: '';
+  width: 0;
+  height: 3px;
+  background: #ff004f;
+  position: absolute;
+  left: 0;
+  bottom: -6px;
+  transition: 0.5s;
+}
+nav ul li a:hover::after{
+  width: 100%;
 }
 
 @media (max-width: 1000px) {
@@ -378,27 +382,36 @@ nav ul li a:hover {
     justify-content: center;
   }
 
-  ul li {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0 25px 0 25px;
-  }
+  nav ul li{
+    display: inline-block;
+    list-style: none;
+    margin: 10px 20px;
+}
+nav ul li a{
+    color:#fff;
+    text-decoration:none;
+    font-size: 18px;
+    position: relative;
+}
+nav ul li a::after{
+    content: '';
+    width: 0;
+    height: 3px;
+    background: #ff004f;
+    position: absolute;
+    left: 0;
+    bottom: -6px;
+    transition: 0.5s;
+}
+nav ul li a:hover::after{
+    width: 100%;
+}
+
 
   .footer-list:nth-of-type(3) ul li{
     padding: 0px;
   }
 
-  ul li a {
-    text-decoration: none;
-    color: black;
-    font-family: 'Playpen Sans', cursive;
-    font-optical-sizing: auto;
-    font-size: 1.3em;
-    font-weight: 400;
-    font-style: normal;
-  }
-
   .hamburger {
     position: relative;
     display: inline-block;