diff --git a/assets/css/style.css b/assets/css/style.css
index 5d2993d..2889893 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -385,4 +385,16 @@ footer {
     .down-arrow {
         display: none; /* Esconde o ícone da seta para baixo em telas menores que 900px */
     }
-}
\ No newline at end of file
+}
+
+.hamburger.open .line:nth-child(1) {
+    transform: rotate(45deg) translate(5px, 5px); /* Primeira linha */
+}
+
+.hamburger.open .line:nth-child(2) {
+    opacity: 0; /* Oculta a linha do meio */
+}
+
+.hamburger.open .line:nth-child(3) {
+    transform: rotate(-45deg) translate(5px, -5px); /* Terceira linha */
+}
diff --git a/assets/scripts/main.js b/assets/scripts/main.js
index 326574e..5cab3bd 100644
--- a/assets/scripts/main.js
+++ b/assets/scripts/main.js
@@ -34,5 +34,8 @@ const hamburger = document.getElementById('hamburgerIcon');
 const menu = document.querySelector('nav ul');
 
 hamburger.addEventListener('click', function() {
+    // Alterna a classe 'open' para transformar o hambúrguer em X
+    hamburger.classList.toggle('open');
+    // Alterna a exibição do menu
     menu.classList.toggle('show');
-});
\ No newline at end of file
+});