diff --git a/static/styles/main.css b/static/styles/main.css
index 9816a65..5c2b015 100644
--- a/static/styles/main.css
+++ b/static/styles/main.css
@@ -175,3 +175,8 @@ nav ul a{
     cursor: pointer;
 }
 
+.fadeout{
+    opacity: 0;
+    transition: 2s;
+}
+
diff --git a/templates/layout.html b/templates/layout.html
index 5988eb6..3e1baa6 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -63,8 +63,13 @@ <h4>connect with us</h4>
         </div>
     </div>
     <script>
+        flash = document.getElementById('flash_msg')
+
+        if(flash){
+            setTimeout(()=>{flash.classList.add('fadeout')},3000)
+        }
         function flash_click() {
-            flash = document.getElementById('flash_msg')
+            
             flash.style.display = 'none'
         }
     </script>