diff --git a/server/frontend/auth/login.css b/server/frontend/auth/login.css
index ee3c82c..cc1b012 100644
--- a/server/frontend/auth/login.css
+++ b/server/frontend/auth/login.css
@@ -78,4 +78,39 @@ button:hover {
     background-color: #f0c590;
     color: #b06029;
     transform: scale(1.015);
+}
+
+/* ----------------------------------ADAPTIVE------------------------------------- */
+
+@media (max-width: 820px)  {
+    .login-box {
+        background-size: 190%;
+    }
+}
+@media (max-width: 620px)  {
+    .login-box {
+        background-size: 220%;
+    }
+}
+@media (max-width: 520px)  {
+        .login-box {
+        background-size: 260%;
+    }
+}
+@media (max-width: 420px)  {
+        .login-box {
+        background-size: 310%;
+    }
+    input {
+  width: 250px;
+    }
+}
+@media (max-width: 320px)  {
+        .login-box {
+        background-size: 420%;
+        background: url('./image/hamster.png') no-repeat 55% 50%;
+    }
+    input {
+  width: 200px;
+    }
 }
\ No newline at end of file