use semantic main element instead of a div

static/contact.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/contact"/>
     </head>
@@ -38,7 +38,7 @@
                 <li class="active"><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="contact">
                 <a href="#contact">Contact</a>
             </h1>
@@ -119,7 +119,7 @@
                 <li><a href="https://github.com/GrapheneOS/platform_packages_apps_Updater/issues">Update client issue tracker</a></li>
                 <li><a href="https://github.com/GrapheneOS/hardened_malloc/issues">hardened_malloc issue tracker</a></li>
             </ul>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">