made sure the buttons dont keep their active class

Author: Miodec

public/index.html

@@ -224,36 +224,51 @@ <h1>credits</h1>
         <div class="section smoothCaret" section="">
           <h1>smooth caret</h1>
           <div class="text">The caret will move smoothly between letters and words.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0 onclick="this.blur();"">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section quickTab">
           <h1>quick tab mode</h1>
           <div class="text">Press <key>tab</key> to quickly restart the test. This function disables tab navigation on some parts of the website.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section liveWpm">
           <h1>live wpm</h1>
           <div class="text">Displays a live WPM speed during the test. Updates once every second.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section keyTips">
           <h1>show key tips</h1>
           <div class="text">Shows the keybind tips at the bottom of the page.</div>
-          <div class="buttons"><div class="button on" tabindex="0">show</div><div class="button off" tabindex="0">hide</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">show</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">hide</div>
+          </div>
         </div>
         <div class="section freedomMode">
           <h1>freedom mode</h1>
           <div class="text">Allows you to delete any word, even if it was typed correctly.</div>
-          <div class="buttons"><div class="button on" tabindex="0">on</div><div class="button off" tabindex="0">off</div></div>
+          <div class="buttons">
+            <div class="button on" tabindex="0" onclick="this.blur();">on</div>
+            <div class="button off" tabindex="0" onclick="this.blur();">off</div>
+          </div>
         </div>
         <div class="section fontSize">
           <h1>font size</h1>
           <div class="text">Change the font size of the test words</div>
           <div class="buttons">
-            <div class="button" fontsize="1" tabindex="0">1</div>
-            <div class="button" fontsize="125" tabindex="0">1.25</div>
-            <div class="button" fontsize="15" tabindex="0">1.5</div>
-            <div class="button" fontsize="2" tabindex="0">2</div>
+            <div class="button" fontsize="1" tabindex="0" onclick="this.blur();">1</div>
+            <div class="button" fontsize="125" tabindex="0" onclick="this.blur();">1.25</div>
+            <div class="button" fontsize="15" tabindex="0" onclick="this.blur();">1.5</div>
+            <div class="button" fontsize="2" tabindex="0" onclick="this.blur();">2</div>
           </div>
         </div>
         <div class="section" style="grid-column: 1/3;">