restructure project to use turborepo

apps/blog/src/components/MainContent.tsx

@@ -0,0 +1,28 @@
+import styled, { css } from "styled-components"
+import theming from "../styles/theming"
+
+import Card from "./Card"
+
+export const mainContentCSS = css`
+	margin-top: 1rem;
+	width: 50%;
+
+	img {
+		max-width: 100%;
+	}
+
+	table img {
+		max-width: fit-content;
+	}
+
+	@media screen and (max-width: ${theming.size.screen_size1}) {
+		width: auto;
+		margin: 1rem;
+	}
+`
+
+const MainContent = styled(Card)`
+	${mainContentCSS}
+`
+
+export default MainContent