diff --git a/css/animation.css b/css/animation.css
index e4b078d..3207215 100644
--- a/css/animation.css
+++ b/css/animation.css
@@ -1 +1,15 @@
-/* Copyright © 2023 Entreprise SkamKraft */
\ No newline at end of file
+/* Copyright © 2023 Entreprise SkamKraft */
+
+
+.ext-modal[open] {
+    animation: myFadeIn 2.0s ease normal;
+}
+  
+@keyframes myFadeIn{
+    from {
+      bottom: 100%;
+    }
+    to {
+      bottom: 0%;
+    }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 79b7499..c02db85 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <title></title>
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/ui.css">
+    <link rel="stylesheet" href="css/animation.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>    
     <script type="module" src="js/index.js" defer></script>
   </head>