From 41e7ec5e16ff2b55e5492d154676ae9985f099dd Mon Sep 17 00:00:00 2001
From: anjaemin <t01089416422@gmail.com>
Date: Thu, 3 Nov 2022 08:30:18 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20NotFound=20Page=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/notfound/index.tsx |  7 ++++++-
 src/pages/notfound/styled.ts | 18 +++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/pages/notfound/index.tsx b/src/pages/notfound/index.tsx
index c6c4185..e4929c5 100644
--- a/src/pages/notfound/index.tsx
+++ b/src/pages/notfound/index.tsx
@@ -2,4 +2,9 @@ import React from 'react';
 
 import * as S from './styled';
 
-export const NotFoundPage: React.FC = () => <S.NotFoundPage>404</S.NotFoundPage>;
+export const NotFoundPage: React.FC = () => (
+  <S.NotFoundPageContainer>
+    <S.NotFoundText>404</S.NotFoundText>
+    <S.NotFoundSubText>Error 404 Not Found</S.NotFoundSubText>
+  </S.NotFoundPageContainer>
+);
diff --git a/src/pages/notfound/styled.ts b/src/pages/notfound/styled.ts
index 36b117a..915a456 100644
--- a/src/pages/notfound/styled.ts
+++ b/src/pages/notfound/styled.ts
@@ -1,3 +1,19 @@
 import styled from '@emotion/styled';
 
-export const NotFoundPage = styled.div``;
+export const NotFoundPageContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+export const NotFoundText = styled.div`
+  font-size: 18rem;
+  font-weight: 700;
+  margin: 0.5rem;
+`;
+
+export const NotFoundSubText = styled.div`
+  font-size: 3rem;
+  font-weight: 700;
+  margin: 0.5rem;
+`;