minor styling fixes

css/code.css

@@ -7,7 +7,7 @@ code.language-text,
 code.language-js,
 span.o,
 span.nx {
-  color: black;
+  color: rgb(255, 255, 255);
   line-height: 1.4;
 }
 span.c {

templates/blogPage.html

@@ -8,8 +8,7 @@
 <img class="max-h-60 sm:max-h-60 md:max-h-80 lg:max-h-96 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
 <div>
     <article class="article lg:w-5/6 mx-auto">
-    <h1 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-5xl text-left
+    <h1 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-left fw-500 leading-snug font-normal mb-10">
-    text-5xl fw-500 leading-snug font-normal mb-10">
         {{ page.title }} 
     </h1>
     <h4 class="text-sm not-italic font-light leading-6 text-gray-600"> 

templates/roles/single.html

@@ -13,7 +13,7 @@
     <article class="article mx-auto lg:w-1/2 lg:mr-8 lg:mt-10">
         <div class="pt-8 lg:pt-8 2xl:pt-24">
             <h3 class="text-2xl font-normal my-0 text-gray-600">Our World</h3>
-            <h1 class="text-left text-5xl font-normal my-2 font-medium">
+            <h1 class="text-left font-normal my-2 font-medium">
                 {{ config.extra.taxonomies["roles"][term.name].title }} 
             </h1>
             <p class="my-4">{{config.extra.taxonomies["roles"][term.name].description}}</p>
@@ -23,7 +23,6 @@
         {% for page in term.pages %}
             {% include "partials/pageBox.html"%}
         {% endfor %}
-        
     </article>
     <div class="mx-auto lg:mt-12">
         {% include "partials/applicationForm.html"%}

templates/section.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 
-<main class="-mt-6">
+<main class="lg:-mt-6">
     {{ section.content | safe}}
     <hr>
     {% include "partials/pageList.html" %}