Merge in react app code

From  sluchajfun and youtube-heardle-template

1 files changed, 18 insertions, 0 deletions

diff --git a/src/app.styled.ts b/src/app.styled.ts
new file mode 100644
index 0000000..1c040eb
--- /dev/null
+++ b/src/app.styled.ts
@@ -0,0 +1,18 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+  width: 40%;
+
+  @media (max-width: 768px) {
+    width: 90%;
+  }
+
+  max-width: 600px;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  margin: 0 auto;
+`;