Accessibility: incremental header tag jumps

Author: barronbytes

frontend/components/footer.html

@@ -4,14 +4,14 @@
             <a href="index.html"><img src="frontend/assets/logo-full-grayscale.png" alt="Teacher Scripts logo"></a>
             <section class="grid footer-nav">
                 <ul>
-                    <li><h6>Quick Links</h6></li>
+                    <li class="footer-link-header">Quick Links</li>
                     <li>Home</li>
                     <li>About</li>
                     <li>Product</li>
                     <li>Contact</li>
                 </ul>
                 <ul>
-                    <li><h6>Give Feedback</h6></li>
+                    <li class="footer-link-header">Give Feedback</li>
                     <li>Bugs Found</li>
                     <li>Accessibility</li>
                     <li>UI/UX Design</li>

frontend/styles/footer.css

@@ -32,8 +32,12 @@
   gap: var(--gutter-col-1);
 }
 
-.footer-col-1 .footer-nav h6 {
+.footer-col-1 .footer-nav .footer-link-header {
   margin-bottom: var(--gutter-row-1);
+  line-height: 1;
+  font-family: var(--ff-serif);
+  font-size: 2rem;
+  font-weight: bold;
 }
 
 .footer-col-2 p:first-of-type {