Converted div .section into main

about/index.html

@@ -37,7 +37,7 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
+        <main>
             <div class="column">
                 <section>
                     <h2 id=history>
@@ -225,7 +225,7 @@
                     create the Network!
                     </p>
                 </section>
-            </div>
+            </main>
         <section>
 
         </section>

assets/TiB.css

@@ -42,7 +42,7 @@ a:active {
     color: hsl(0, 80%, 40%);
 }
 
-.content, footer, header, nav {
+main, footer, header, nav {
     max-width: 80em;
     margin: 0 auto;
 }
@@ -107,7 +107,7 @@ ul {
     margin: 0.5em;
 }
 
-.content {
+main {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;

index.html

@@ -37,8 +37,8 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
-            <div class="section">
+        <main>
+            <section>
                 <p id="slogan">For the dreamers, from the doers.</p>
                 <p>
                 Tebibyte Media works to promote free software and open-access
@@ -49,8 +49,8 @@
                 services</a>, and any future benefits that come as a result of
                 the expanding nature of the project.
                 </p>
-            </div>
-            <div class="section" id="donate">
+            </section>
+            <section id="donate">
                 <a href="https://opencollective.com/tebibytemedia">
                 <img alt="open collective" src="https://opencollective.com/static/images/opencollective-icon.svg" />
                 </a>
@@ -58,8 +58,8 @@
                 <a href="https://liberapay.com/tebibytemedia/donate">
                 <img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg" />
                 </a>
-            </div>
-        </div> <!-- content -->
+            </section>
+        </main> <!-- content -->
         <footer>
             <div class="footer">
                 <p>

network/index.html

@@ -37,7 +37,7 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
+        <main>
             <section>
                 <h2 id="members">
                     <a href="#members">Members</a>
@@ -374,7 +374,7 @@
                     </li>
                 </ol>
             </section>
-        </div> <!-- content -->
+        </main> <!-- content -->
         <footer>
             <div class="footer">
                 <p>