diff --git a/client/index.html b/client/index.html
index a21e4f2..7074353 100644
--- a/client/index.html
+++ b/client/index.html
@@ -10,6 +10,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/client/public/android-icon-144x144.png b/client/public/android-icon-144x144.png
new file mode 100644
index 0000000..2b6d899
Binary files /dev/null and b/client/public/android-icon-144x144.png differ
diff --git a/client/public/android-icon-192x192.png b/client/public/android-icon-192x192.png
new file mode 100644
index 0000000..4c886a4
Binary files /dev/null and b/client/public/android-icon-192x192.png differ
diff --git a/client/public/android-icon-36x36.png b/client/public/android-icon-36x36.png
new file mode 100644
index 0000000..e803992
Binary files /dev/null and b/client/public/android-icon-36x36.png differ
diff --git a/client/public/android-icon-48x48.png b/client/public/android-icon-48x48.png
new file mode 100644
index 0000000..fe789b7
Binary files /dev/null and b/client/public/android-icon-48x48.png differ
diff --git a/client/public/android-icon-72x72.png b/client/public/android-icon-72x72.png
new file mode 100644
index 0000000..611fa3c
Binary files /dev/null and b/client/public/android-icon-72x72.png differ
diff --git a/client/public/android-icon-96x96.png b/client/public/android-icon-96x96.png
new file mode 100644
index 0000000..76059b9
Binary files /dev/null and b/client/public/android-icon-96x96.png differ
diff --git a/client/public/apple-icon-114x114.png b/client/public/apple-icon-114x114.png
new file mode 100644
index 0000000..4144306
Binary files /dev/null and b/client/public/apple-icon-114x114.png differ
diff --git a/client/public/apple-icon-120x120.png b/client/public/apple-icon-120x120.png
new file mode 100644
index 0000000..0c3ecd6
Binary files /dev/null and b/client/public/apple-icon-120x120.png differ
diff --git a/client/public/apple-icon-144x144.png b/client/public/apple-icon-144x144.png
new file mode 100644
index 0000000..2b6d899
Binary files /dev/null and b/client/public/apple-icon-144x144.png differ
diff --git a/client/public/apple-icon-152x152.png b/client/public/apple-icon-152x152.png
new file mode 100644
index 0000000..5f99c93
Binary files /dev/null and b/client/public/apple-icon-152x152.png differ
diff --git a/client/public/apple-icon-180x180.png b/client/public/apple-icon-180x180.png
new file mode 100644
index 0000000..3b7c3e5
Binary files /dev/null and b/client/public/apple-icon-180x180.png differ
diff --git a/client/public/apple-icon-57x57.png b/client/public/apple-icon-57x57.png
new file mode 100644
index 0000000..65f2be5
Binary files /dev/null and b/client/public/apple-icon-57x57.png differ
diff --git a/client/public/apple-icon-60x60.png b/client/public/apple-icon-60x60.png
new file mode 100644
index 0000000..665c4a7
Binary files /dev/null and b/client/public/apple-icon-60x60.png differ
diff --git a/client/public/apple-icon-72x72.png b/client/public/apple-icon-72x72.png
new file mode 100644
index 0000000..611fa3c
Binary files /dev/null and b/client/public/apple-icon-72x72.png differ
diff --git a/client/public/apple-icon-76x76.png b/client/public/apple-icon-76x76.png
new file mode 100644
index 0000000..4d1d7f9
Binary files /dev/null and b/client/public/apple-icon-76x76.png differ
diff --git a/client/public/apple-icon-precomposed.png b/client/public/apple-icon-precomposed.png
new file mode 100644
index 0000000..138fa4d
Binary files /dev/null and b/client/public/apple-icon-precomposed.png differ
diff --git a/client/public/apple-icon.png b/client/public/apple-icon.png
new file mode 100644
index 0000000..138fa4d
Binary files /dev/null and b/client/public/apple-icon.png differ
diff --git a/client/public/favicon-16x16.png b/client/public/favicon-16x16.png
new file mode 100644
index 0000000..d249b37
Binary files /dev/null and b/client/public/favicon-16x16.png differ
diff --git a/client/public/favicon-32x32.png b/client/public/favicon-32x32.png
new file mode 100644
index 0000000..79e788c
Binary files /dev/null and b/client/public/favicon-32x32.png differ
diff --git a/client/public/favicon-96x96.png b/client/public/favicon-96x96.png
new file mode 100644
index 0000000..76059b9
Binary files /dev/null and b/client/public/favicon-96x96.png differ
diff --git a/client/public/favicon.ico b/client/public/favicon.ico
new file mode 100644
index 0000000..cfc3b56
Binary files /dev/null and b/client/public/favicon.ico differ
diff --git a/client/public/manifest.json b/client/public/manifest.json
new file mode 100644
index 0000000..013d4a6
--- /dev/null
+++ b/client/public/manifest.json
@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+ {
+ "src": "\/android-icon-36x36.png",
+ "sizes": "36x36",
+ "type": "image\/png",
+ "density": "0.75"
+ },
+ {
+ "src": "\/android-icon-48x48.png",
+ "sizes": "48x48",
+ "type": "image\/png",
+ "density": "1.0"
+ },
+ {
+ "src": "\/android-icon-72x72.png",
+ "sizes": "72x72",
+ "type": "image\/png",
+ "density": "1.5"
+ },
+ {
+ "src": "\/android-icon-96x96.png",
+ "sizes": "96x96",
+ "type": "image\/png",
+ "density": "2.0"
+ },
+ {
+ "src": "\/android-icon-144x144.png",
+ "sizes": "144x144",
+ "type": "image\/png",
+ "density": "3.0"
+ },
+ {
+ "src": "\/android-icon-192x192.png",
+ "sizes": "192x192",
+ "type": "image\/png",
+ "density": "4.0"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/client/public/ms-icon-144x144.png b/client/public/ms-icon-144x144.png
new file mode 100644
index 0000000..2b6d899
Binary files /dev/null and b/client/public/ms-icon-144x144.png differ
diff --git a/client/public/ms-icon-150x150.png b/client/public/ms-icon-150x150.png
new file mode 100644
index 0000000..d6e3317
Binary files /dev/null and b/client/public/ms-icon-150x150.png differ
diff --git a/client/public/ms-icon-310x310.png b/client/public/ms-icon-310x310.png
new file mode 100644
index 0000000..806b842
Binary files /dev/null and b/client/public/ms-icon-310x310.png differ
diff --git a/client/public/ms-icon-70x70.png b/client/public/ms-icon-70x70.png
new file mode 100644
index 0000000..7ccab5a
Binary files /dev/null and b/client/public/ms-icon-70x70.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index bc77f35..e39f1d6 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -44,7 +44,7 @@ const TutorialRadialOverlay = styled.div`
position: absolute;
left: 10vh;
bottom: 10vh;
- font-size: 80px;
+ font-size: 52px;
opacity: 0.7;
font-family: 'Roboto';
color: ${PRIMARY_COLORS.green};
diff --git a/client/src/components/tutorial/TutorialVideo.tsx b/client/src/components/tutorial/TutorialVideo.tsx
index d68f511..2e31c9c 100644
--- a/client/src/components/tutorial/TutorialVideo.tsx
+++ b/client/src/components/tutorial/TutorialVideo.tsx
@@ -24,7 +24,8 @@ const StyledOverlay = styled.div`
justify-content: center;
align-items: center;
flex-direction: column;
- background-color: ${PRIMARY_COLORS.white};
+ background-color: ${PRIMARY_COLORS.black};
+ opacity: 0.9;
width: 100vw;
height: 100vh;
position: fixed;
@@ -33,11 +34,6 @@ const StyledOverlay = styled.div`
bottom: 0;
right: 0;
z-index: 10;
-
- & > video {
- width: 80%;
- height: 80%;
- }
`;
const StyledCancelButton = styled(Button)`
@@ -47,6 +43,14 @@ const StyledCancelButton = styled(Button)`
right: 0px;
`;
+const StyledVideo = styled.video`
+ position: relative;
+ width: max-content;
+ height: max-content;
+ max-width: 80%;
+ max-height: 80%;
+`;
+
export const TutorialVideo = ({
setIsOver,
}: {
@@ -73,12 +77,13 @@ export const TutorialVideo = ({
} onClick={handleCancel} />
{titleArray[currentIndex]}
-
diff --git a/client/src/container/Header.tsx b/client/src/container/Header.tsx
index 352653a..1b78692 100644
--- a/client/src/container/Header.tsx
+++ b/client/src/container/Header.tsx
@@ -48,7 +48,7 @@ const Header = (): ReactElement => {
text="튜토리얼 끝내기"
color={PRIMARY_COLORS.red}
fontWeight={'700'}
- fontSize={'24px'}
+ fontSize={'20px'}
fontFamily={'Nanum Myeongjo'}
/>
}