used rem

Author: HarshMN2345

src/lib/layout/unauthenticated.svelte

@@ -365,22 +365,20 @@
         position: absolute;
         bottom: 20px;
         left: 50%;
-        transform: translateX(-50%);
+        transform: translate(-50%, -50%);
         max-width: 100%;
         margin-block-start: 0 !important;
     }
 
-    .container {
-        position: relative;
-        min-height: 100vh;
-    }
-
-    .auth-container {
-        max-inline-size: 27.5rem;
-
-        @media #{devices.$break1} {
-            margin-top: 32px;
-            margin-bottom: 80px;
+    @media #{devices.$break1} {
+        .auth-container {
+            margin-block-end: 5rem;
+            margin-block-start: 2rem;
+        }
+        
+        .container {
+            min-height: 100%;
+            position: relative;
         }
     }
 </style>