diff --git a/css/style.css b/css/style.css
index 7993987..03b04f1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -577,6 +577,21 @@ h2 {
   }
   .hamburguer-menu {
     display: flex;
+    position: relative;
+  }
+  .slice {
+    transition: all var(--animation-time);
+  }
+  .hamburguer-menu.active > .slice:nth-of-type(1) {
+    position: absolute;
+    transform: rotate(135deg);
+  }
+  .hamburguer-menu.active > .slice:nth-of-type(2) {
+    opacity: 0;
+  }
+  .hamburguer-menu.active > .slice:nth-of-type(3) {
+    position: absolute;
+    transform: rotate(-135deg);
   }
 }
 @media (max-width: 510px) {
diff --git a/js/main.js b/js/main.js
index 3732dd5..02a09fb 100644
--- a/js/main.js
+++ b/js/main.js
@@ -20,6 +20,7 @@ function toggleMenu() {
   const menu = document.querySelector(".header-nav-menu");
   const links = document.querySelectorAll(".header-nav-menu li a");
 
+  openMenu.classList.toggle("active");
   menu.classList.toggle("active");
   links.forEach((link) => {
     link.addEventListener("click", () => {