diff --git a/index.html b/index.html
index 5984568..a99a55a 100644
--- a/index.html
+++ b/index.html
@@ -2,12 +2,19 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link
+      rel="icon"
+      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22>
+      <text y=%22.9em%22 font-size=%2290%22>
+        👋
+      </text>
+    </svg>"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap"
       rel="stylesheet"
     />
     <title>Mariia Shabelnik</title>
diff --git a/public/vite.svg b/public/vite.svg
deleted file mode 100644
index e7b8dfb..0000000
--- a/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/App.css b/src/App.css
index c9073f8..553dced 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,6 +1,7 @@
 .container {
   max-width: 1000px;
   margin: 0 auto;
+  padding: 0 1em;
 }
 
 .nav .container {
@@ -17,13 +18,13 @@
 
 .nav a {
   text-decoration: none;
-  color: rgb(229, 229, 255);
+  color: #e5e5ff;
   transition: 0.3s;
 }
 
 .nav a:hover {
   color: #fff;
-  text-shadow: 0 0 5px #03e9f4;
+  text-shadow: 0 0 5px #f2ef00;
 }
 
 .nav-items {
@@ -38,11 +39,12 @@
 }
 
 .menu-items div {
-  margin-right: 1em;
+  margin-left: 1em;
 }
 
 .logo {
   font-size: 2em;
+  font-weight: bold;
 }
 
 .hamburger {
@@ -54,19 +56,21 @@
   z-index: 100;
   position: absolute;
   right: 0;
-  backdrop-filter: blur(3px);
+  backdrop-filter: blur(3px) contrast(60%);
+  -webkit-backdrop-filter: blur(3px) contrast(60%);
   top: 3em;
   bottom: 0;
   left: 0px;
   display: flex;
   flex-direction: column;
   justify-content: center;
-  align-items: center;
+  align-items: flex-end;
 }
 
 .hamburger-menu a {
   font-size: 2em;
   text-decoration: none;
+  margin-right: 1em;
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 6abc27f..f24c50e 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -4,17 +4,45 @@ import { useState } from "react";
 
 function Header() {
   const [isOpen, setOpen] = useState(false);
+  const menuTimeout = 400;
 
   const hamburgerMenu = (
     <div className="hamburger-menu">
       <div>
-        <Link to="/">.me()</Link>
+        <Link
+          onClick={() => {
+            setTimeout(() => {
+              setOpen(false);
+            }, menuTimeout);
+          }}
+          to="/"
+        >
+          .me()
+        </Link>
       </div>
       <div>
-        <Link to="/experience">.experience()</Link>
+        <Link
+          onClick={() => {
+            setTimeout(() => {
+              setOpen(false);
+            }, menuTimeout);
+          }}
+          to="/experience"
+        >
+          .experience()
+        </Link>
       </div>
       <div>
-        <Link to="/contact">.contact()</Link>
+        <Link
+          onClick={() => {
+            setTimeout(() => {
+              setOpen(false);
+            }, menuTimeout);
+          }}
+          to="/contact"
+        >
+          .contact()
+        </Link>
       </div>
     </div>
   );
@@ -27,7 +55,7 @@ function Header() {
             <Link to="/">MS.</Link>
           </div>
           <div className="hamburger">
-            <Hamburger toggled={isOpen} toggle={setOpen} />
+            <Hamburger color="#e5e5ff" toggled={isOpen} toggle={setOpen} />
           </div>
 
           <div className="menu-items ">
