Blog posts to external links

components/RichBody.tsx

@@ -123,6 +123,8 @@ const options = {
         <a
           className="cursor-pointer text-blue hover:underline"
           href={node.data.uri}
+          target="_blank"
+          rel="noreferrer"
         >
           {content[0].value}
         </a>

pages/blog/index.tsx

@@ -83,7 +83,7 @@ const Blog = (props: Props) => {
         <title>{generateTitle('Blog')}</title>
       </Head>
 
-      <div className="flex flex-col w-full mt-6 mb-6 space-y-10 bg-alt">
+      <div className="flex flex-col w-full mt-12 mb-6 space-y-10 bg-alt">
         <Contained>
           {!tag && posts.length && <ArticleCardFeature {...featuredPost} />}