firefox fixes

client/src/components/layout/DynamicBackground/background.scss

@@ -15,12 +15,13 @@
         height: 400px;
         position: absolute;
         filter: blur(200px);
-        opacity: 1;
+        opacity: 0.5;
+        border-radius: 50%;
 
         @include mx.breakpoint(medium) {
-            width: 400px;
-            height: 400px;
-            filter: blur(400px);
+            width: 500px;
+            height: 500px;
+            filter: blur(500px);
         }
 
         @include mx.breakpoint(large) {

client/src/components/layout/Page/page.scss

@@ -9,7 +9,8 @@ body {
     min-height: 100vh;
     margin: 0 auto;
     background: rgba(255, 255, 255, 0.5);
-    backdrop-filter: blur(10px);
+    backdrop-filter: blur(30px);
+    padding-bottom: 80px;
     @include mx.breakpoint(xlarge) {
         min-height: calc(100vh - 5rem);
     }

client/src/pages/Login/login.scss

@@ -7,7 +7,7 @@
     align-items: center;
     min-height: 100vh;
 
-    @include mx.breakpoint(large) {
+    @include mx.breakpoint(xlarge) {
         min-height: calc(100vh - 5rem);
     }