move intro to main.scss

Author: kenold

src/components/layout.scss

@@ -57,14 +57,6 @@ pre[class*="language-"] {
     padding: 0 1rem;
     max-width: 1140px;
 }
-.intro {
-    background-color: $section-bg-color;
-    padding: 2rem 0;
-    .container {
-        text-align: center;
-        margin-bottom: 2rem;
-    }
-}
 .l-cards__heading {
     display: flex;
     align-items: center;

src/styles/main.scss

@@ -11,3 +11,19 @@
         color: $accent!important;
     }
 }
+
+.intro {
+    background-color: $section-bg-color;
+    padding: 2rem 0;
+    line-height: 30px;
+    @include md {
+        line-height: 40px;
+    }
+    .container {
+        text-align: center;
+        margin-bottom: 2rem;
+    }
+    .intro__link {
+        margin-top: 1rem;
+    }
+}