Migrate module heading to content

_layouts/module.html

 <div class="module">
-  <h2 id="{{ page.title | slugify }}">{{ page.title }}</h2>
   {{ content }}
 </div>

_modules/week-01.md

@@ -2,6 +2,9 @@
 title: Introduction to Java
 ---
 
+## Introduction to Java
+{: .text-gamma }
+
 Sep 28
 : [Java & Git](#)
   : [1.1](#)

_modules/week-02.md

@@ -2,6 +2,9 @@
 title: Basic Data Structures
 ---
 
+## Basic Data Structures
+{: .text-gamma }
+
 Oct 5
 : [Linked Lists & Encapsulation](#)
   : [3.1](#), [2.2](#), [2.3](#)

_sass/custom/card.scss

@@ -13,7 +13,7 @@
   display: flex;
   flex-direction: column;
   min-width: 0;
-  padding: $sp-2 $sp-4 0;
+  padding: 0 $sp-4;
   position: relative;
   word-wrap: break-word;
 

_sass/custom/module.scss

@@ -2,8 +2,15 @@
 .module {
   @extend %card;
 
-  h1, h2 {
-    @extend .text-gamma;
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    &:first-child {
+      margin-top: $sp-4;
+    }
   }
 
   >dl {
@@ -13,6 +20,10 @@
     grid-template-columns: max-content 1fr;
     margin: $sp-2 (-$sp-4);
 
+    &:first-child {
+      margin-top: 0;
+    }
+
     &:last-child {
       margin-bottom: 0;
     }