From 1cf835d54b746ee9c9bf38bd507ef683565a6598 Mon Sep 17 00:00:00 2001
From: Naian <naianfelix123@gmail.com>
Date: Tue, 10 Jan 2023 15:45:09 -0300
Subject: [PATCH] feat: adiciona overlay

---
 .../src/components/Header/headerMobile.module.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/desafio5/src/components/Header/headerMobile.module.css b/desafio5/src/components/Header/headerMobile.module.css
index 7f2bf2a..c2606d3 100644
--- a/desafio5/src/components/Header/headerMobile.module.css
+++ b/desafio5/src/components/Header/headerMobile.module.css
@@ -79,7 +79,7 @@
   position: fixed;
   top: 0;
   right: 100%;
-  transition: all 300ms ease-in-out;
+  transition: right 300ms ease-in-out;
 }
 
 .menu-burguer-container-active {
@@ -87,7 +87,18 @@
   position: fixed;
   top: 0;
   right: 4%;
-  transition: all 300ms ease-in-out;
+  transition: right 300ms ease-in-out;
+}
+
+.menu-burguer-container-active::after {
+  width: 100vw;
+  height: 100vh;
+  background: rgba(69, 69, 69, 0.7);
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
 }
 
 .menu-burguer-buttons {