specify header font weight

html/index.html

@@ -37,14 +37,14 @@
   <div data-name="component">
   <article class="cf pa3 mw9 center">
   <header class="fl w-100 w-50-l pa3-m pa4-l mb3 mb5-l">
-    <h1 class="lh-title f3 b mt0">
+    <h1 class="lh-title f3 b mt0 sitefont-700">
         <span class="black-40">Rick Cogley</span> has been sticking out like a sore thumb in Japan since 1987! 日本語もOK. <br>CEO & Founder, eSolia. I <span class="f3 dark-pink">♥</span> coding & scripting, calisthenics, cycling, running & yoga, our Shiba "Maru", photography. Yokohama <> Tokyo</span>
     </h1>
     <p class="i black-50">Last Modified: 2024 May 05</p>
   </header>
   <section class="fl w-100">
     <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
-      <h3 class="f4 bold center mw6"><span class="dark-pink">Identity</span> & Sharing</h3>
+      <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Identity</span> & Sharing</h3>
         <p class="f6 lh-copy measure">
               <ul class="list pl0 ml0 center mw6 ba b--light-silver br2">
                 <li class="ph3 pv3 bb b--light-silver"><a href="https://proven.lol/58ae5f" target="_blank">Proven.lol Proof</a>
@@ -55,7 +55,7 @@ <h3 class="f4 bold center mw6"><span class="dark-pink">Identity</span> & Sharing
          </p>
     </div>
     <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
-    <h3 class="f4 bold center mw6"><span class="dark-pink">Now</span> Professionally</h3>
+    <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Now</span> Professionally</h3>
       <p class="f6 lh-copy measure">
         eSolia has been in our "Work Styling" location for a couple of years now, after 10 years in Toranomon. We decided to move to a serviced office after having our office sit empty during COVID. Although our fixed office is small, it is fine for us because our staff are roaming around all the time anyway, and WorkStyling allows us to use their facilities all over the city.  <br><br>
 
@@ -68,7 +68,7 @@ <h3 class="f4 bold center mw6"><span class="dark-pink">Now</span> Professionally
       </p>
     </div>
     <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
-        <h3 class="f4 bold center mw6"><span class="dark-pink">Now</span> Personally</h3>
+        <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Now</span> Personally</h3>
       <p class="f6 lh-copy measure">
         For the past few months I have been so busy at work that I have not had time to do much personally. I feel like I'm behind, but I'm trying to stay positive! 🍀<br><br>
 
@@ -84,7 +84,7 @@ <h3 class="f4 bold center mw6"><span class="dark-pink">Now</span> Personally</h3
       </p>
     </div>
     <div class="fl w-100 w-50-m w-25-l pa3-m pa4-l">
-        <h3 class="f4 bold center mw6"><span class="dark-pink">Wise</span> Words</h3>
+        <h3 class="f4 bold center mw6 sitefont-700"><span class="dark-pink">Wise</span> Words</h3>
       <p class="f6 lh-copy measure">
         <em>“Don't it always seem to go, that you don't know what you've got till it's gone.”</em> <strong>― Joni Mitchell, "Big Yellow Taxi"</strong>
       </p>