From 8254b214b47e764944355c7c2414e1e0d0045d59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9C=A4=EC=84=9C=ED=9D=AC?= <appleid21@sookmyung.ac.kr>
Date: Thu, 15 Feb 2024 16:50:49 +0900
Subject: [PATCH] =?UTF-8?q?Style:=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.css               | 15 ++++++++++++++-
 src/components/Button.jsx |  2 +-
 src/pages/Register.js     |  2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index 47cc026..ebe0940 100644
--- a/src/App.css
+++ b/src/App.css
@@ -8,14 +8,22 @@
 }
 
 /* mobile: 0~390px */
-@media all and (max-width: 500px) {
+@media all and (max-width: 390px) {
   body {
     width: 100%;
     background: #efefef;
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
   }
 
   .container {
     width: 100%;
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
   }
 }
 
@@ -24,6 +32,7 @@
   body {
     width: 35vw;
     margin: 0 auto;
+    background: #efefef; /* Ensure background consistency */
   }
 
   .content-div {
@@ -40,6 +49,10 @@
   justify-content: center;
   font-size: calc(10px + 2vmin);
   color: white;
+  padding-top: env(safe-area-inset-top);
+  padding-right: env(safe-area-inset-right);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
 }
 
 .App-link {
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
index c9798f8..f231e3d 100644
--- a/src/components/Button.jsx
+++ b/src/components/Button.jsx
@@ -14,7 +14,7 @@ const StyledButton = styled.div`
   margin: 4vh auto;
   cursor: pointer;
   font-family: 'Pretendard';
-  font-weight: 400;
+  font-weight: 500;
 `;
 
 const Button = (props) => {
diff --git a/src/pages/Register.js b/src/pages/Register.js
index 816722d..5728d51 100644
--- a/src/pages/Register.js
+++ b/src/pages/Register.js
@@ -42,7 +42,7 @@ const Input = styled.input`
 const Message = styled.p`
   margin-top: 10px;
   font-family: 'Pretendard', sans-serif;
-  font-weight: 100;
+  font-weight: 400;
   font-size: 14px;
   display: block;
   text-align: left;