add header to cost breakdown

index.html

@@ -167,6 +167,7 @@
           </div>
         </div>
         <div class="recipe_cost_breakdown">
+          <h3 class="cost_breakdown">Cost Breakdown</h3>
           <div class="recipe_cost_row">
             <span>Lemons</span>
             <span class="recipe_cost_item" data-cost="lemons">$0.00</span>

style.css

@@ -681,6 +681,16 @@ canvas {
   margin: 16px 0;
 }
 
+.cost_breakdown {
+  font-family: 'Fredoka', sans-serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #7A6146;
+  margin: 0 0 10px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
 .recipe_cost_row {
   display: flex;
   justify-content: space-between;