feat: create content layout with emotion

inertia/styles/theme.ts

@@ -0,0 +1,44 @@
+import { Theme } from '@emotion/react';
+
+const lightBlack = '#555';
+const black = '#333';
+const darkBlack = '#111';
+
+const white = '#fff';
+const gray = '#7c7c7c';
+
+const blue = '#3f88c5';
+
+export const theme: Theme = {
+  colors: {
+    font: black,
+    background: white,
+    primary: blue,
+
+    lightBlack,
+    black,
+    darkBlack,
+
+    white,
+    gray,
+
+    blue,
+  },
+
+  border: {
+    radius: '5px',
+  },
+
+  media: {
+    mobile: '768px',
+    tablet: '1024px',
+    small_desktop: '1280px',
+    medium_desktop: '1440px',
+    large_desktop: '1920px',
+    xlarge_desktop: '2560px',
+  },
+
+  transition: {
+    delay: '0.15s',
+  },
+};