change tails header levels

themes/DeepThought/sass/deep-thought.sass

@@ -535,27 +535,45 @@ pre[theme="dark"]
   max-height: calc(100vh - 48px)
   overflow-y: scroll
 
+img 
+  margin: auto
+  display: block
+
 #image-gay
   width: auto
   height: auto
   max-height:90vh
 
+ul
+  font-size: 18px
+  color: #373737 !important
+
+.toc
+  font-size: 15.5px !important
+
+ol
+  font-size: 18px
+  color: #373737 !important
+
 p
-  font-size: 17px
+  font-size: 18px
   color: #373737 !important
 
 h1
   text-align: center !important
+  font-size: 2.8em !important
 
-h2
-  font-size: 1.44em !important
+h2:not(.title)
+  font-size: 1.8em !important
+  margin-top: 2.5rem !important
+  margin-bottom: 2rem !important
 
 h3
-  font-size: 1.09em !important
+  font-size: 1.4em !important
   font-style: italic !important
 
 h4
-  font-size: 0.9em !important
+  font-size: 1em !important
   text-decoration: underline !important
 
 a
@@ -567,3 +585,6 @@ a
 code
   color: #AE3B8B
 
+.icon-text
+  font-size: 18px
+

themes/DeepThought/templates/page.html

@@ -52,7 +52,7 @@
           <ul class="menu-list">
             {% for h1 in page.toc %}
             <li>
-              <a id="link-{{h1.id}}" class="toc is-size-7 {% if loop.first %}is-active{% endif %}"
+              <a id="link-{{h1.id}}" class="toc {% if loop.first %}is-active{% endif %}"
                 href="{{ h1.permalink | safe }}">
                 {{ h1.title }}
               </a>
@@ -60,7 +60,7 @@
               <ul>
                 {% for h2 in h1.children %}
                 <li>
-                  <a id="link-{{h2.id}}" class="toc is-size-7" href="{{ h2.permalink | safe }}">
+                  <a id="link-{{h2.id}}" class="toc" href="{{ h2.permalink | safe }}">
                     {{ h2.title }}
                   </a>
                 </li>