fix: pr review feedback

frontend/src/styles/about.scss

@@ -16,14 +16,14 @@
     display: grid;
     gap: 0.25rem;
 
-    .bigtitle {
+    h2 {
       font-size: 2rem;
       line-height: 2rem;
       color: var(--sub-color);
       margin: 0 0 1rem 0;
     }
 
-    .title {
+    h3 {
       font-size: 1rem;
       line-height: 1rem;
       color: var(--sub-color);

frontend/static/html/pages/about.html

@@ -51,7 +51,7 @@
     <p class="small">distribution of time 60 leaderboard results (wpm)</p>
   </section>
   <section>
-    <h1 class="bigtitle">about</h1>
+    <h2>about</h2>
     <p>
       Monkeytype is a minimalistic and customizable typing test. It features
       many test modes, an account system to save your typing speed history, and
@@ -67,15 +67,15 @@ <h1 class="bigtitle">about</h1>
     </p>
   </section>
   <section>
-    <div class="title">word set</div>
+    <h3>word set</h3>
     <p>
       By default, this website uses the most common 200 words in the English
       language to generate its tests. You can change to an expanded set (1000
       most common words) in the options, or change the language entirely.
     </p>
   </section>
   <section>
-    <h2 class="title">keybinds</h2>
+    <h3>keybinds</h3>
     <p>
       You can use
       <key>tab</key>
@@ -97,7 +97,7 @@ <h2 class="title">keybinds</h2>
     </p>
   </section>
   <section>
-    <h2 class="title">stats</h2>
+    <h3>stats</h3>
     <p>
       wpm - total amount of characters in the correctly typed words (including
       spaces), divided by 5 and normalised to 60 seconds.
@@ -125,7 +125,7 @@ <h2 class="title">stats</h2>
     <div id="ad-about-1-small"></div>
   </div>
   <section>
-    <div class="title">results screen</div>
+    <h3>results screen</h3>
     <p>
       After completing a test you will be able to see your wpm, raw wpm,
       accuracy, character stats, test length, leaderboards info and test info.
@@ -136,15 +136,15 @@ <h2 class="title">stats</h2>
     </p>
   </section>
   <section>
-    <div class="title">bug report or feature request</div>
+    <h3>bug report or feature request</h3>
     <p>
       If you encounter a bug, or have a feature request - join the Discord
       server, send me an email, a direct message on Twitter or create an issue
       on GitHub.
     </p>
   </section>
   <section>
-    <h1 class="bigtitle">support</h1>
+    <h2>support</h2>
     <p>
       Thanks to everyone who has supported this project. It would not be
       possible without you and your continued support.
@@ -188,7 +188,7 @@ <h1 class="bigtitle">support</h1>
     </div>
   </section>
   <section>
-    <h1 class="bigtitle">contact</h1>
+    <h2>contact</h2>
     <p>
       If you encounter a bug, have a feature request or just want to say hi -
       here are the different ways you can contact me directly.
@@ -228,7 +228,7 @@ <h1 class="bigtitle">contact</h1>
     </div>
   </section>
   <section>
-    <h1 class="bigtitle">credits</h1>
+    <h2>credits</h2>
     <p>
       <a
         href="https://www.reddit.com/user/montydrei"
@@ -275,11 +275,11 @@ <h1 class="bigtitle">credits</h1>
     <div id="ad-about-2-small"></div>
   </div>
   <section>
-    <h1 id="supporters_title" class="bigtitle">supporters</h1>
+    <h2 id="supporters_title">supporters</h2>
     <div class="supporters"></div>
   </section>
   <section>
-    <h1 id="contributors_title" class="bigtitle">contributors</h1>
+    <h2 id="contributors_title">contributors</h2>
     <div class="contributors"></div>
   </section>
 </div>