diff --git a/src/components/Center.tsx b/src/components/Center.tsx
new file mode 100644
index 0000000..19aeaf8
--- /dev/null
+++ b/src/components/Center.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { FunctionComponent } from 'react';
+
+const Center: FunctionComponent = ({children}) => {
+    return (
+        <div className='center'>
+            {children}
+            <style jsx>{`
+                .center {
+                    display: flex;
+                    height: 100%;
+                    width: 100%;
+                    align-items: center;
+                    justify-content: center;
+                }
+            `}</style>
+        </div>
+    );
+}
+
+export default Center;
\ No newline at end of file