use semantic main element instead of a div

static/donate.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/donate"/>
     </head>
@@ -38,7 +38,7 @@
                 <li><a href="/contact">Contact</a></li>
             </ul>
         </nav>
-        <div id="content">
+        <main>
             <h1 id="donate">
                 <a href="#donate">Donate</a>
             </h1>
@@ -80,7 +80,7 @@
             <p>GrapheneOS can be sponsored with recurring donations through
             <a href="https://github.com/sponsors/thestinger">GitHub Sponsors</a> for five to one
             hundred dollars a month.</p>
-        </div>
+        </main>
         <footer>
             <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
             <ul id="social">