Fix h2 styling applied to all when it should only show on Outlines/Cheatsheets

Author: jordanmccullough

_stylesheets/core.css

@@ -6,9 +6,6 @@ h1 {
 h2 {
   font-size: 200%;
   line-height: 150%;
-  border-top: solid 1px #e5e5e5;
-  padding: 10px 0;
-  margin: 20px 0 0 0;
   color: #222; }
 
 h2 + p {

_stylesheets/core.scss

@@ -6,9 +6,6 @@ h1{
 h2{
   font-size: 200%;
   line-height: 150%;
-  border-top: solid 1px #e5e5e5;
-  padding: 10px 0;
-  margin: 20px 0 0 0;
   color: #222;
 }
 h2+p{

_stylesheets/default.css

@@ -58,9 +58,6 @@ h1 {
 h2 {
   font-size: 200%;
   line-height: 150%;
-  border-top: solid 1px #e5e5e5;
-  padding: 10px 0;
-  margin: 20px 0 0 0;
   color: #222; }
 
 h2 + p {

_stylesheets/home.css

@@ -58,9 +58,6 @@ h1 {
 h2 {
   font-size: 200%;
   line-height: 150%;
-  border-top: solid 1px #e5e5e5;
-  padding: 10px 0;
-  margin: 20px 0 0 0;
   color: #222; }
 
 h2 + p {

_stylesheets/outline.css

@@ -58,9 +58,6 @@ h1 {
 h2 {
   font-size: 200%;
   line-height: 150%;
-  border-top: solid 1px #e5e5e5;
-  padding: 10px 0;
-  margin: 20px 0 0 0;
   color: #222; }
 
 h2 + p {
@@ -205,6 +202,19 @@ footer {
 .site-footer-links li:first-child {
   margin-left: 0; }
 
+h2 {
+  border-top: solid 1px #e5e5e5;
+  padding: 10px 0;
+  margin: 20px 0 0 0; }
+
+p:first-child {
+  font-size: 125%;
+  font-weight: 200;
+  text-rendering: optimizeLegibility;
+  line-height: 150%;
+  opacity: .65;
+  margin: auto auto 20px auto; }
+
 .hero {
   background: #1875c6;
   color: #fff; }

_stylesheets/outline.scss

@@ -6,6 +6,22 @@
 @import "footer.scss";
 @import "octicons.css";
 
+h2{
+  border-top: solid 1px #e5e5e5;
+  padding: 10px 0;
+  margin: 20px 0 0 0;
+}
+
+p:first-child{
+  font-size: 125%;
+  font-weight: 200;
+  text-rendering: optimizeLegibility;
+  line-height: 150%;
+  opacity: .65;
+  margin: auto auto 20px auto;
+
+}
+
 .hero{
   background: $color-dark;
   color: #fff;