diff --git a/src/styles.tsx b/src/styles.tsx
index 0df1e2d..4ca4a00 100644
--- a/src/styles.tsx
+++ b/src/styles.tsx
@@ -16,6 +16,8 @@ export const GlobalLayout = createGlobalStyle`
     overflow-x: hidden;
     color: ${({ theme }) => theme.text};
     background-color: ${({ theme }) => theme.background};
+    
+    transition: background 0.3s ease-in-out;
   }
   
   a {