diff --git a/assets/css/boucle.css b/assets/css/boucle.css
index 7f00f46..9890ff6 100644
--- a/assets/css/boucle.css
+++ b/assets/css/boucle.css
@@ -18,8 +18,21 @@ body {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
+  animation: fadeIn ease 1s;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
 }
 
+@keyframes fadeIn {
+  0% {
+    color: #000;
+  }
+  100% {
+    color: #fff;
+  }
+}
+
+
 p {
   white-space: pre-line;
   margin-bottom: 10px;