Update headings and highlight colors

Author: aefhm

public/index.html

@@ -46,9 +46,9 @@ <h1>
       <article>
         <div>
           <section>
-            <h3>
+            <h2>
               What is a bobbin?
-            </h3>
+            </h2>
 
             <p>
               When I was little, my parents were simultaneously in grad school, and I stayed with my grandparents
@@ -60,9 +60,9 @@ <h3>
           </section>
 
           <section>
-            <h3>
+            <h2>
               Bio
-            </h3>
+            </h2>
 
             <p>
               Made in China, raised in Texas. East Coast schooled, West Coast worked. I have been to Burning Man, and I
@@ -83,9 +83,9 @@ <h3>
           </section>
 
           <section>
-            <h3>
+            <h2>
               Values
-            </h3>
+            </h2>
 
             <p>
               I find intrinsic motivation more effective than extrinsic ones, and value health and growth. Wellness has
@@ -102,9 +102,9 @@ <h3>
           </section>
 
           <section>
-            <h3>
+            <h2>
               First Time Visitors
-            </h3>
+            </h2>
 
             <blockquote>
               <p>
@@ -118,19 +118,19 @@ <h3>
           </section>
 
           <section>
-            <h3>
+            <h2>
               This Page
-            </h3>
+            </h2>
 
             <p>
               contains no JavaScript and was made lovingly by <a href="https://github.com/aefhm/page">hand</a> without
               the use of a framework. I like to write my HTML the way Bordier makes Yuzu butter.
             </p>
           </section>
 
-          <h3>
+          <h2>
             Social Media
-          </h3>
+          </h2>
 
           <p>
             Most frequently used to least, but you should really just <a href="mailto:info@xizhang.page">email</a> me.

public/style.css

@@ -71,8 +71,16 @@ h1, h2, h3 {
   line-height: 1.2;
 }
 
-h2, h3 {
+h2 {
   font-weight: 600;
+  font-size: 1.25rem;
+  letter-spacing: 0.2px;
+  color: #2a2320;
+}
+
+h3 {
+  font-weight: 600;
+  font-size: 1.1rem;
   letter-spacing: 0.2px;
   color: #2a2320;
 }
@@ -163,7 +171,7 @@ nav ul a {
 }
 
 nav ul a:hover {
-  background: rgba(58,101,112,0.50);
+  background: #9ac5b8;
   color: #2a2320;
 }
 

src/index.html

@@ -2,7 +2,7 @@
   <article>
     <div>
       <section>
-        <h3>What is a bobbin?</h3>
+        <h2>What is a bobbin?</h2>
         <p>
           When I was little, my parents were simultaneously in grad school, and I stayed with my grandparents often.
           Grandma (姥姥) operated a foot pedal sewing machine and made clothes, curtains, and even insoles
@@ -13,7 +13,7 @@ <h3>What is a bobbin?</h3>
         </p>
       </section>
       <section>
-        <h3>Bio</h3>
+        <h2>Bio</h2>
         <p>
           Made in China, raised in Texas. East Coast schooled, West Coast worked.
           I have been to Burning Man, and I read the Bible.
@@ -33,7 +33,7 @@ <h3>Bio</h3>
         </p>
       </section>
       <section>
-        <h3>Values</h3>
+        <h2>Values</h2>
         <p>
           I find intrinsic motivation more effective than extrinsic ones, and value health and growth.
           Wellness has four components, physical, mental, emotional, and spiritual.
@@ -49,7 +49,7 @@ <h3>Values</h3>
         </p>
       </section>
       <section>
-        <h3>First Time Visitors</h3>
+        <h2>First Time Visitors</h2>
         <blockquote>
           <p>
           May your road be clear of stones,</br>
@@ -61,15 +61,15 @@ <h3>First Time Visitors</h3>
         </blockquote>
       </section>
       <section>
-        <h3>This Page</h3>
+        <h2>This Page</h2>
         <p>
           contains no JavaScript and was made lovingly by
           <a href="https://github.com/aefhm/page">hand</a>
           without the use of a framework.
           I like to write my HTML the way Bordier makes Yuzu butter.
         </p>
       </section>
-      <h3>Social Media</h3>
+      <h2>Social Media</h2>
       <p>Most frequently used to least, but you should really just
         <a href="mailto:info@xizhang.page">email</a>
         me. It could be