New style general blogposts

What will happen

As discussed with @marcia @timzallmann we will implement a first revision into improving the overall blogpost style used on about.gitlab.com/blog.

The way we will do this is by doing a second UX and Frontend revision on the stylistic css changes introduced in https://gitlab.com/gitlab-com/www-gitlab-com/merge_requests/6041.

These changes will merge into the branch of https://gitlab.com/gitlab-com/www-gitlab-com/merge_requests/6041. After that it will be merged into master.

What needs to be done

• Stylistic changes of https://gitlab.com/gitlab-com/www-gitlab-com/merge_requests/6041 need to be made the default styling, instead of using extra_css.
• https://gitlab.com/gitlab-com/www-gitlab-com/issues/1480 will require a decent set of H1 to H6 restyling, which looks great with body text.
• Needs to be approved by product etc, after which we can merge.

Target launch: 23 June

---

Closes https://gitlab.com/gitlab-com/www-gitlab-com/issues/1480 Closes https://gitlab.com/gitlab-com/www-gitlab-com/issues/1518

source/stylesheets/there-and-back-again-in-one-release.css.scss

@@ -70,6 +70,24 @@ body {
     }
   }
+  // Touched up type styles
+
+  html {
+    font-size: 1.125em;
+  }
+
+  p {
+    margin-bottom: 1.3em;
+  }
+
+  h2,
+  h3,
+  h4,
+  h5 {
+    margin: .625em 0 .5em;
+    font-weight: 400;
+  }
+
   h1 {
     font-weight: 300;
     line-height: 1.25;
@@ -82,6 +100,7 @@ body {
   }
   h2 {
+    font-size: 2.441em;
     font-weight: normal;
     margin-top: 30px;
     line-height: 1.2;
@@ -92,11 +111,24 @@ body {
   }
   h3 {
+    font-size: 1.953em;
     font-size: 33px;
     font-weight: normal;
     line-height: 1.2;
   }
+  h4 {
+    font-size: 1.563em;
+  }
+
+  h5 {
+    font-size: 1.25em;
+  }
+
+  small {
+    font-size: .8em;
+  }
+
   .description {
     font-weight: 300;
@@ -160,44 +192,6 @@ body {
       }
     }
   }
-
-  // Touched up type styles
-
-  html {
-    font-size: 1.125em;
-  }
-
-  p {
-    margin-bottom: 1.3em;
-  }
-
-  h2,
-  h3,
-  h4,
-  h5 {
-    margin: .625em 0 0.5em;
-    font-weight: 400;
-  }
-
-  h2 {
-    font-size: 2.441em;
-  }
-
-  h3 {
-    font-size: 1.953em;
-  }
-
-  h4 {
-    font-size: 1.563em;
-  }
-
-  h5 {
-    font-size: 1.25em;
-  }
-
-  small {
-    font-size: 0.8em;
-  }
 }
 .imglink::after {