use semantic main element instead of a div

static/faq.html

@@ -20,7 +20,7 @@
         <meta property="og:site_name" content="GrapheneOS"/>
         <link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
         <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
-        <link rel="stylesheet" href="/grapheneos.css?18"/>
+        <link rel="stylesheet" href="/grapheneos.css?19"/>
         <link rel="manifest" href="/manifest.webmanifest"/>
         <link rel="canonical" href="https://grapheneos.org/faq"/>
         <script type="module" src="/redirect.js?6"></script>
@@ -39,7 +39,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="faq">
                 <a href="#faq">Frequently Asked Questions</a>
             </h1>
@@ -843,7 +843,7 @@
             <p>GrapheneOS is focused on making meaningful improvements to privacy and security,
             and bundling assorted apps into the OS is not only usually outside of that focus but
             often counter to it.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">