diff --git a/szamrendszer.css b/szamrendszer.css
index 7243b2a..f3aca3e 100644
--- a/szamrendszer.css
+++ b/szamrendszer.css
@@ -64,4 +64,39 @@ input[readonly] {
     margin: 10px;
     width: 100%;
     max-width: 200px;
-}
\ No newline at end of file
+}
+
+body {
+    opacity: 1;
+    transition: opacity 0.5s ease-in-out;
+}
+
+body.fade-out {
+    opacity: 0;
+}
+
+.animated-bg {
+    transition: opacity 0.5s ease-in-out;
+}
+
+body {
+    opacity: 0;
+    animation: fadeIn 0.5s forwards;
+    transition: opacity 0.5s ease-in-out;
+
+}
+
+@keyframes fadeIn {
+    to {
+        opacity: 1;
+    }
+}
+
+body.fade-out {
+    opacity: 0;
+}
+
+
+.animated-bg {
+    transition: opacity 0.5s ease-in-out;
+}