Hopefully the last redesign

src/components/Experience.astro

@@ -5,7 +5,7 @@ const experienceArr = [
     location: "Schoolhouse Electric",
     dateRange: "2022 - Present",
     title: "Software Engineer",
-    description: "Worked front-end of Shopify store using JS and reporting back-end using Python.",
+    description: "Developed e-commerce website hosted on Shopify using JavaScript and developed reporting back-end using Python and PostgreSQL.",
   },
   {
     location: "Fast Enterprises",

src/components/Header.astro

@@ -3,7 +3,7 @@ import NavigationBar from "./NavigationBar.astro";
 ---
 <header class="flex flex-row lg:flex-col justify-between lg:justify-start pb-3">
   <a href="/" title="Homepage" class="text-2xl lg:mb-6">
-    <span class="font-black">cjb</span>
+    <span class="font-extralight">cjb</span>
   </a>
   <NavigationBar />
 </header>

src/components/Heading.astro

@@ -1,10 +1,10 @@
 ---
 const name = "Chris Bohlman"
 const jobTitle = "Software Engineer, Schoolhouse Electric"
-const blurb = "I'm Chris, a software developer based in the Pacific Northwest. At Schoolhouse, I'm working on the front-end of a Shopify e-commerce store and managing a Python/PostgresQL reporting back-end. I'm also furthering my cybersecurity knowledge after completing a Certified Ethical Hacker certification."
+const blurb = "I'm Chris, a software developer based in the Pacific Northwest. At Schoolhouse, I'm working on the front-end of a Shopify e-commerce store and managing a Python/PostgresQL reporting back-end. I'm also furthering my cybersecurity knowledge after completing the Certified Ethical Hacker certification."
 ---
 <section id="heading" class="" >
-  <h1 class="text-3xl font-semibold">
+  <h1 class="text-3xl font-extrabold">
     {name}
     <br>
     <span class="mt-2 opacity-80 font-medium">{jobTitle}</span>

src/layouts/MarkdownPostLayout.astro

@@ -8,7 +8,7 @@ const postDate = frontmatter.pubDate;
 <Layout title={frontmatter.title}>
   <main class="m-auto mt-8 px-6 prose dark:prose-invert">
     <p>{`${postDate.getFullYear()}-${(postDate.getMonth() + 1).toString().padStart(2, '0')}-${postDate.getDate().toString().padStart(2, '0')}`}</p>
-    <h1 class='text-3xl capitalize pb-6'>{frontmatter.description}</h1>
+    <h1 class='text-3xl capitalize pb-6 font-extrabold'>{frontmatter.description}</h1>
 
     <ul class="flex flex-wrap list-none px-0">
       {frontmatter.tags.map((tag: unknown) => (

src/pages/blog.astro

@@ -7,7 +7,7 @@ allPosts.sort((a, b) => Date.parse(b.data.pubDate.toString()) - Date.parse(a.dat
 ---
 <Layout title="Blog">
   <main class="mt-8 lg:mt-0">
-    <h1 class="text-3xl">Blog Posts</h1>
+    <h1 class="text-3xl font-extrabold	">Blog Posts</h1>
     <ul class="mt-12">
       {allPosts.map((post) => <BlogPostCard title={post.data.title}
                                             description={post.data.description}

src/pages/tags/[tag].astro

@@ -21,7 +21,7 @@ const { posts } = Astro.props;
 ---
 <Layout title={tag}>
   <main class="mt-8 lg:mt-0">
-    <h1>Posts tagged with {tag}</h1>
+    <h1 class="text-3xl font-extrabold capitalize">Posts tagged with <span class="underline normal-case">{tag}</span></h1>
     <ul class="mt-12">
       {posts.map((post) => <BlogPostCard title={post.data.title} description={post.data.description} link={`/posts/${post.slug}/`} date={post.data.pubDate} />)}
     </ul>

src/styles/global.css

@@ -10,7 +10,7 @@
 @font-face {
   font-family: 'Mona Sans';
   src: url('/fonts/Mona-Sans.woff2') format('woff2');
-  font-weight: normal;
+  font-weight: 200 400 600 800 900;
   font-style: normal;
   font-display: swap;
 }