From efdcd34963a50299d5ad0c9f595ff85b0a415b5a Mon Sep 17 00:00:00 2001
From: hyosin-Jang <cdnnnl@gmail.com>
Date: Mon, 7 Mar 2022 17:40:34 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84::=20#7=20css=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Auth/RegisterButton.tsx   |  3 +--
 src/component/Auth/RightAlignedLink.tsx |  5 +++--
 src/style/theme.ts                      | 25 +++++++++++++++++++++++++
 3 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/component/Auth/RegisterButton.tsx b/src/component/Auth/RegisterButton.tsx
index f1b2e6f..1adeaf4 100644
--- a/src/component/Auth/RegisterButton.tsx
+++ b/src/component/Auth/RegisterButton.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { useNavigate } from 'react-router-dom';
 import { theme, flexCenter } from '../../style/theme';
 import styled from 'styled-components';
@@ -33,7 +32,7 @@ const Wrapper = styled.div`
   color: black;
   font-size: 1.4rem;
   &:hover {
-    background: ${theme.color.Main_lighten};
+    background: ${theme.color.Main};
     color: white;
   }
 `;
diff --git a/src/component/Auth/RightAlignedLink.tsx b/src/component/Auth/RightAlignedLink.tsx
index bfbdc6a..3a7ab3c 100644
--- a/src/component/Auth/RightAlignedLink.tsx
+++ b/src/component/Auth/RightAlignedLink.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import styled from 'styled-components';
 import { useNavigate } from 'react-router-dom';
 import { theme } from '../../style/theme';
@@ -25,11 +24,13 @@ export default RightAlignedLink;
 const Aligner = styled.div`
   text-align: right;
   display: flex;
+  width: 58rem;
   margin-top: 2rem;
   .styled-link {
     color: ${theme.color.medium_gray};
     font-size: 1.6rem;
-    display: flex;
+    margin-left: 31rem;
+    margin-right: 0;
     border-bottom: 1px solid ${theme.color.medium_gray};
     &:hover {
       color: ${theme.color.medium_gray};
diff --git a/src/style/theme.ts b/src/style/theme.ts
index eee8e6c..f2ef8f3 100644
--- a/src/style/theme.ts
+++ b/src/style/theme.ts
@@ -6,6 +6,31 @@ export const flexCenter = css`
   justify-content: center;
 `;
 
+export const inputlabel = css`
+  font-size: 1.6rem;
+  margin-bottom: 1rem;
+  font-weight: bold;
+  color: #9e9e9e;
+`;
+
+export const inputForm = css`
+  width: 58rem;
+  border: 0;
+  border-bottom: 1px solid #e0e0e0;
+  outline: none;
+  padding-bottom: 1rem;
+  border-radius: 0px;
+  line-height: 2.5rem;
+  font-size: 1.4rem;
+  margin-top: 1rem;
+  margin-bottom: 1.8rem;
+  ::placeholder {
+    color: #e0e0e0;
+  }
+  &.error {
+    border-bottom: 1px solid red;
+  }
+`;
 // font랑 margin은 아직 디자인에 맞게 수정 안한 상태입니다
 export const margins = {
   sm: '.5rem',