diff --git a/src/styles/generator.ts b/src/styles/generator.ts
new file mode 100644
index 00000000..58056c5c
--- /dev/null
+++ b/src/styles/generator.ts
@@ -0,0 +1,23 @@
+import { css } from "styled-components";
+
+export const Generators = {
+  flexGenerator: (flexDirection = "row", justifyContent = "center", alignItems = "center") => css`
+    display: flex;
+    flex-direction: ${flexDirection};
+    justify-content: ${justifyContent};
+    align-items: ${alignItems};
+  `,
+  fontGenerator: (
+    fontSize = "1.6rem",
+    fontWeight = "normal",
+    lineHeight = "normal",
+    letterSpacing = "normal",
+    fontStyle = "normal"
+  ) => css`
+    font-weight: ${fontWeight};
+    font-size: ${fontSize};
+    font-style: ${fontStyle};
+    line-height: ${lineHeight};
+    letter-spacing: ${letterSpacing};
+  `,
+};
diff --git a/src/styles/global.ts b/src/styles/global.ts
index 6a84e8d0..7745cc63 100644
--- a/src/styles/global.ts
+++ b/src/styles/global.ts
@@ -9,9 +9,6 @@ const global = createGlobalStyle`
     box-sizing: border-box;
     }
     
-    body {
-        /* background-color: ${({ theme }) => theme.colors.gray900};; */
-    }
 
     html {
     -webkit-touch-callout: none;