diff --git a/client/src/renderers/styles/login.css b/client/src/renderers/styles/login.css
index 27694c1..92a03e6 100644
--- a/client/src/renderers/styles/login.css
+++ b/client/src/renderers/styles/login.css
@@ -5,7 +5,26 @@
     color: white;
     font-family: 'robotomedium';
     font-size: 25px;
-    background: rgb(46, 46, 46);
+    animation: blurBackground 1s forwards;
     width: 100%;
     height: 100%;
+}
+@keyframes blurBackground{
+    from {
+        backdrop-filter: blur(0px);
+    }
+    to {
+        backdrop-filter: blur(5px);
+    }
+}
+.login.inactive {
+    animation: deblurBackground 1s forwards;
+}
+@keyframes deblurBackground {
+    from {
+        backdrop-filter: blur(5px);
+    }
+    to {
+        backdrop-filter: blur(0px);
+    }
 }
\ No newline at end of file