General website improvements

* Added the IBM Plex font files used by the website
* Adjusted alignment of the website title

_site.yml

@@ -1,7 +1,7 @@
 name: "Microsoft_Activation_Scripts"
 include: ["get.ps1"]
 navbar:
-  title: '<div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div>'
+  title: '<div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div>'
   right:
     - text: "Home"
       href: index.html

_site/bypass-russian-geoblock.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/change_edition.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/changelog.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/check_activation_status.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/command_line_switches.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/contactus.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/credits.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/faq.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/fix-wpa-registry.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/genuine-installation-media.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/hwid.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">
@@ -406,7 +406,7 @@ div.tocify {
 
 
 <div id="hwid-activation" class="section level1">
-<h1><strong>HWID Activation</strong></h1>
+<h1>HWID Activation</h1>
 <hr />
 <div id="overview" class="section level2">
 <h2>Overview</h2>

_site/index.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/install_hwid_key.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/kms38.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/licensing-servers-issue.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/oem-folder.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/office-license-is-not-genuine.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/office_c2r_custom.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/office_c2r_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/office_msi_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/online_kms.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/styles.css

@@ -1,9 +1,94 @@
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 700;
+  src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("fonts/IBMPlexMono-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: italic;
+  font-weight: 700;
+  src: local("IBM Plex Mono Bold Italic"), local("IBMPlexMono-BoldItalic"), url("fonts/IBMPlexMono-BoldItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: italic;
+  font-weight: 400;
+  src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("fonts/IBMPlexMono-Italic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 400;
+  src: local("IBM Plex Mono"), local("IBMPlexMono"), url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("fonts/IBMPlexSans-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 700;
+  src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url("fonts/IBMPlexSans-BoldItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 500;
+  src: local("IBM Plex Sans Medm"), local("IBMPlexSans-Medm"), url("fonts/IBMPlexSans-Medium.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 500;
+  src: local("IBM Plex Sans Medm Italic"), local("IBMPlexSans-MedmItalic"), url("fonts/IBMPlexSans-MediumItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 450;
+  src: local("IBM Plex Sans Text"), local("IBMPlexSans-Text"), url("fonts/IBMPlexSans-Text.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 450;
+  src: local("IBM Plex Sans Text Italic"), local("IBMPlexSans-TextItalic"), url("fonts/IBMPlexSans-TextItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 400;
+  src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url("fonts/IBMPlexSans-Italic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: local("IBM Plex Sans"), local("IBMPlexSans"), url("fonts/IBMPlexSans-Regular.woff2") format("woff2");
+}
+
 body {
-  font-family: "IBM Plex Sans", sans-serif; /* Replace with your desired font for body text */
+  font-family: "IBM Plex Sans", sans-serif;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: "IBM Plex Sans Text", sans-serif; /* Replace with your desired font for headers */
+  font-family: "IBM Plex Sans", sans-serif;
+  font-weight: 500;
 }
 
 table,
@@ -13,5 +98,15 @@ code {
 }
 
 .navbar {
-  font-family: 'IBM Plex Sans Text', sans-serif;
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 450;
+}
+
+.navbar-brand {
+  line-height: 1.975;
+}
+
+.navbar-brand .logo {
+  height: 32px;
+  margin-top: -4px;
 }

_site/troubleshoot.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/unsupported_products_activation.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_7_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_arm_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_business_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_ltsc_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_server_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_vista_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

_site/windows_xp_links.html

@@ -310,7 +310,7 @@ div.tocify {
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="index.html"><div><img src="logo.png" style="margin-top:-3pt" height="32">   Microsoft Activation Scripts</div></a>
+      <a class="navbar-brand" href="index.html"><div><img src="logo.png" class="logo">   Microsoft Activation Scripts</div></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">

hwid.md

@@ -2,7 +2,7 @@
 pagetitle: HWID Activation
 ---
 
-# **HWID Activation**
+# HWID Activation
 
 ------------------------------------------------------------------------
 

styles.css

@@ -1,9 +1,94 @@
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 700;
+  src: local("IBM Plex Mono Bold"), local("IBMPlexMono-Bold"), url("fonts/IBMPlexMono-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: italic;
+  font-weight: 700;
+  src: local("IBM Plex Mono Bold Italic"), local("IBMPlexMono-BoldItalic"), url("fonts/IBMPlexMono-BoldItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: italic;
+  font-weight: 400;
+  src: local("IBM Plex Mono Italic"), local("IBMPlexMono-Italic"), url("fonts/IBMPlexMono-Italic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Mono";
+  font-style: normal;
+  font-weight: 400;
+  src: local("IBM Plex Mono"), local("IBMPlexMono"), url("fonts/IBMPlexMono-Regular.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 700;
+  src: local("IBM Plex Sans Bold"), local("IBMPlexSans-Bold"), url("fonts/IBMPlexSans-Bold.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 700;
+  src: local("IBM Plex Sans Bold Italic"), local("IBMPlexSans-BoldItalic"), url("fonts/IBMPlexSans-BoldItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 500;
+  src: local("IBM Plex Sans Medm"), local("IBMPlexSans-Medm"), url("fonts/IBMPlexSans-Medium.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 500;
+  src: local("IBM Plex Sans Medm Italic"), local("IBMPlexSans-MedmItalic"), url("fonts/IBMPlexSans-MediumItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 450;
+  src: local("IBM Plex Sans Text"), local("IBMPlexSans-Text"), url("fonts/IBMPlexSans-Text.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 450;
+  src: local("IBM Plex Sans Text Italic"), local("IBMPlexSans-TextItalic"), url("fonts/IBMPlexSans-TextItalic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: italic;
+  font-weight: 400;
+  src: local("IBM Plex Sans Italic"), local("IBMPlexSans-Italic"), url("fonts/IBMPlexSans-Italic.woff2") format("woff2");
+}
+
+@font-face {
+  font-family: "IBM Plex Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: local("IBM Plex Sans"), local("IBMPlexSans"), url("fonts/IBMPlexSans-Regular.woff2") format("woff2");
+}
+
 body {
-  font-family: "IBM Plex Sans", sans-serif; /* Replace with your desired font for body text */
+  font-family: "IBM Plex Sans", sans-serif;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  font-family: "IBM Plex Sans Text", sans-serif; /* Replace with your desired font for headers */
+  font-family: "IBM Plex Sans", sans-serif;
+  font-weight: 500;
 }
 
 table,
@@ -13,5 +98,15 @@ code {
 }
 
 .navbar {
-  font-family: 'IBM Plex Sans Text', sans-serif;
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 450;
+}
+
+.navbar-brand {
+  line-height: 1.975;
+}
+
+.navbar-brand .logo {
+  height: 32px;
+  margin-top: -4px;
 }