diff --git a/_site.yml b/_site.yml
index ac3e2e0..f030116 100644
--- a/_site.yml
+++ b/_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
diff --git a/_site/bypass-russian-geoblock.html b/_site/bypass-russian-geoblock.html
index 2b62ca8..93d57ef 100644
--- a/_site/bypass-russian-geoblock.html
+++ b/_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">
diff --git a/_site/change_edition.html b/_site/change_edition.html
index 5247e2c..56fdb47 100644
--- a/_site/change_edition.html
+++ b/_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">
diff --git a/_site/changelog.html b/_site/changelog.html
index c04c802..e5693bc 100644
--- a/_site/changelog.html
+++ b/_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">
diff --git a/_site/check_activation_status.html b/_site/check_activation_status.html
index 98ec921..1431aa9 100644
--- a/_site/check_activation_status.html
+++ b/_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">
diff --git a/_site/command_line_switches.html b/_site/command_line_switches.html
index 4bb0054..a44e7cf 100644
--- a/_site/command_line_switches.html
+++ b/_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">
diff --git a/_site/contactus.html b/_site/contactus.html
index bf5561d..6f167c0 100644
--- a/_site/contactus.html
+++ b/_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">
diff --git a/_site/credits.html b/_site/credits.html
index 44814f6..d49b478 100644
--- a/_site/credits.html
+++ b/_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">
diff --git a/_site/faq.html b/_site/faq.html
index ee084e7..e6a7f3b 100644
--- a/_site/faq.html
+++ b/_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">
diff --git a/_site/fix-wpa-registry.html b/_site/fix-wpa-registry.html
index b574f67..84b01cd 100644
--- a/_site/fix-wpa-registry.html
+++ b/_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">
diff --git a/_site/fonts/IBMPlexMono-Bold.woff2 b/_site/fonts/IBMPlexMono-Bold.woff2
new file mode 100644
index 0000000..9821ed3
Binary files /dev/null and b/_site/fonts/IBMPlexMono-Bold.woff2 differ
diff --git a/_site/fonts/IBMPlexMono-BoldItalic.woff2 b/_site/fonts/IBMPlexMono-BoldItalic.woff2
new file mode 100644
index 0000000..d033d12
Binary files /dev/null and b/_site/fonts/IBMPlexMono-BoldItalic.woff2 differ
diff --git a/_site/fonts/IBMPlexMono-Italic.woff2 b/_site/fonts/IBMPlexMono-Italic.woff2
new file mode 100644
index 0000000..3ba4780
Binary files /dev/null and b/_site/fonts/IBMPlexMono-Italic.woff2 differ
diff --git a/_site/fonts/IBMPlexMono-Regular.woff2 b/_site/fonts/IBMPlexMono-Regular.woff2
new file mode 100644
index 0000000..84c87e0
Binary files /dev/null and b/_site/fonts/IBMPlexMono-Regular.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-Bold.woff2 b/_site/fonts/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000..9d4f612
Binary files /dev/null and b/_site/fonts/IBMPlexSans-Bold.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-BoldItalic.woff2 b/_site/fonts/IBMPlexSans-BoldItalic.woff2
new file mode 100644
index 0000000..4355abd
Binary files /dev/null and b/_site/fonts/IBMPlexSans-BoldItalic.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-Italic.woff2 b/_site/fonts/IBMPlexSans-Italic.woff2
new file mode 100644
index 0000000..d308149
Binary files /dev/null and b/_site/fonts/IBMPlexSans-Italic.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-Medium.woff2 b/_site/fonts/IBMPlexSans-Medium.woff2
new file mode 100644
index 0000000..0e32d37
Binary files /dev/null and b/_site/fonts/IBMPlexSans-Medium.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-MediumItalic.woff2 b/_site/fonts/IBMPlexSans-MediumItalic.woff2
new file mode 100644
index 0000000..b3c2243
Binary files /dev/null and b/_site/fonts/IBMPlexSans-MediumItalic.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-Regular.woff2 b/_site/fonts/IBMPlexSans-Regular.woff2
new file mode 100644
index 0000000..739bc68
Binary files /dev/null and b/_site/fonts/IBMPlexSans-Regular.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-Text.woff2 b/_site/fonts/IBMPlexSans-Text.woff2
new file mode 100644
index 0000000..d7d4df5
Binary files /dev/null and b/_site/fonts/IBMPlexSans-Text.woff2 differ
diff --git a/_site/fonts/IBMPlexSans-TextItalic.woff2 b/_site/fonts/IBMPlexSans-TextItalic.woff2
new file mode 100644
index 0000000..956285b
Binary files /dev/null and b/_site/fonts/IBMPlexSans-TextItalic.woff2 differ
diff --git a/_site/genuine-installation-media.html b/_site/genuine-installation-media.html
index f364952..69e1699 100644
--- a/_site/genuine-installation-media.html
+++ b/_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">
diff --git a/_site/hwid.html b/_site/hwid.html
index 6fb77f7..8f01897 100644
--- a/_site/hwid.html
+++ b/_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>
diff --git a/_site/index.html b/_site/index.html
index acb685a..8a4545b 100644
--- a/_site/index.html
+++ b/_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">
diff --git a/_site/install_hwid_key.html b/_site/install_hwid_key.html
index 6f1e991..42146da 100644
--- a/_site/install_hwid_key.html
+++ b/_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">
diff --git a/_site/kms38.html b/_site/kms38.html
index d78830e..630e543 100644
--- a/_site/kms38.html
+++ b/_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">
diff --git a/_site/licensing-servers-issue.html b/_site/licensing-servers-issue.html
index c0b8262..9db33ea 100644
--- a/_site/licensing-servers-issue.html
+++ b/_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">
diff --git a/_site/oem-folder.html b/_site/oem-folder.html
index 4a583de..4ab2132 100644
--- a/_site/oem-folder.html
+++ b/_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">
diff --git a/_site/office-license-is-not-genuine.html b/_site/office-license-is-not-genuine.html
index 3fe2c83..ec09899 100644
--- a/_site/office-license-is-not-genuine.html
+++ b/_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">
diff --git a/_site/office_c2r_custom.html b/_site/office_c2r_custom.html
index 91de8ff..70ba95b 100644
--- a/_site/office_c2r_custom.html
+++ b/_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">
diff --git a/_site/office_c2r_links.html b/_site/office_c2r_links.html
index 6359fc2..682838c 100644
--- a/_site/office_c2r_links.html
+++ b/_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">
diff --git a/_site/office_msi_links.html b/_site/office_msi_links.html
index a77a432..97c805d 100644
--- a/_site/office_msi_links.html
+++ b/_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">
diff --git a/_site/online_kms.html b/_site/online_kms.html
index e51e482..c6015c8 100644
--- a/_site/online_kms.html
+++ b/_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">
diff --git a/_site/styles.css b/_site/styles.css
index c270dc9..6d70c01 100644
--- a/_site/styles.css
+++ b/_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;
-}
\ No newline at end of file
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 450;
+}
+
+.navbar-brand {
+  line-height: 1.975;
+}
+
+.navbar-brand .logo {
+  height: 32px;
+  margin-top: -4px;
+}
diff --git a/_site/troubleshoot.html b/_site/troubleshoot.html
index 0589834..7b5ec2b 100644
--- a/_site/troubleshoot.html
+++ b/_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">
diff --git a/_site/unsupported_products_activation.html b/_site/unsupported_products_activation.html
index 6023bcf..b470d76 100644
--- a/_site/unsupported_products_activation.html
+++ b/_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">
diff --git a/_site/windows_7_links.html b/_site/windows_7_links.html
index d37939e..20dbdad 100644
--- a/_site/windows_7_links.html
+++ b/_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">
diff --git a/_site/windows_arm_links.html b/_site/windows_arm_links.html
index 8366c5d..e114881 100644
--- a/_site/windows_arm_links.html
+++ b/_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">
diff --git a/_site/windows_business_links.html b/_site/windows_business_links.html
index fceb6a2..94d4247 100644
--- a/_site/windows_business_links.html
+++ b/_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">
diff --git a/_site/windows_ltsc_links.html b/_site/windows_ltsc_links.html
index 3b9a26c..69144fd 100644
--- a/_site/windows_ltsc_links.html
+++ b/_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">
diff --git a/_site/windows_server_links.html b/_site/windows_server_links.html
index eca3a00..2c7a540 100644
--- a/_site/windows_server_links.html
+++ b/_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">
diff --git a/_site/windows_vista_links.html b/_site/windows_vista_links.html
index c7d48bb..90d5fd5 100644
--- a/_site/windows_vista_links.html
+++ b/_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">
diff --git a/_site/windows_xp_links.html b/_site/windows_xp_links.html
index ae367ea..93fa164 100644
--- a/_site/windows_xp_links.html
+++ b/_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">
diff --git a/fonts/IBMPlexMono-Bold.woff2 b/fonts/IBMPlexMono-Bold.woff2
new file mode 100644
index 0000000..9821ed3
Binary files /dev/null and b/fonts/IBMPlexMono-Bold.woff2 differ
diff --git a/fonts/IBMPlexMono-BoldItalic.woff2 b/fonts/IBMPlexMono-BoldItalic.woff2
new file mode 100644
index 0000000..d033d12
Binary files /dev/null and b/fonts/IBMPlexMono-BoldItalic.woff2 differ
diff --git a/fonts/IBMPlexMono-Italic.woff2 b/fonts/IBMPlexMono-Italic.woff2
new file mode 100644
index 0000000..3ba4780
Binary files /dev/null and b/fonts/IBMPlexMono-Italic.woff2 differ
diff --git a/fonts/IBMPlexMono-Regular.woff2 b/fonts/IBMPlexMono-Regular.woff2
new file mode 100644
index 0000000..84c87e0
Binary files /dev/null and b/fonts/IBMPlexMono-Regular.woff2 differ
diff --git a/fonts/IBMPlexSans-Bold.woff2 b/fonts/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000..9d4f612
Binary files /dev/null and b/fonts/IBMPlexSans-Bold.woff2 differ
diff --git a/fonts/IBMPlexSans-BoldItalic.woff2 b/fonts/IBMPlexSans-BoldItalic.woff2
new file mode 100644
index 0000000..4355abd
Binary files /dev/null and b/fonts/IBMPlexSans-BoldItalic.woff2 differ
diff --git a/fonts/IBMPlexSans-Italic.woff2 b/fonts/IBMPlexSans-Italic.woff2
new file mode 100644
index 0000000..d308149
Binary files /dev/null and b/fonts/IBMPlexSans-Italic.woff2 differ
diff --git a/fonts/IBMPlexSans-Medium.woff2 b/fonts/IBMPlexSans-Medium.woff2
new file mode 100644
index 0000000..0e32d37
Binary files /dev/null and b/fonts/IBMPlexSans-Medium.woff2 differ
diff --git a/fonts/IBMPlexSans-MediumItalic.woff2 b/fonts/IBMPlexSans-MediumItalic.woff2
new file mode 100644
index 0000000..b3c2243
Binary files /dev/null and b/fonts/IBMPlexSans-MediumItalic.woff2 differ
diff --git a/fonts/IBMPlexSans-Regular.woff2 b/fonts/IBMPlexSans-Regular.woff2
new file mode 100644
index 0000000..739bc68
Binary files /dev/null and b/fonts/IBMPlexSans-Regular.woff2 differ
diff --git a/fonts/IBMPlexSans-Text.woff2 b/fonts/IBMPlexSans-Text.woff2
new file mode 100644
index 0000000..d7d4df5
Binary files /dev/null and b/fonts/IBMPlexSans-Text.woff2 differ
diff --git a/fonts/IBMPlexSans-TextItalic.woff2 b/fonts/IBMPlexSans-TextItalic.woff2
new file mode 100644
index 0000000..956285b
Binary files /dev/null and b/fonts/IBMPlexSans-TextItalic.woff2 differ
diff --git a/hwid.md b/hwid.md
index 8a61959..a0ce8ee 100644
--- a/hwid.md
+++ b/hwid.md
@@ -2,7 +2,7 @@
 pagetitle: HWID Activation
 ---
 
-# **HWID Activation**
+# HWID Activation
 
 ------------------------------------------------------------------------
 
diff --git a/styles.css b/styles.css
index c270dc9..6d70c01 100644
--- a/styles.css
+++ b/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;
-}
\ No newline at end of file
+  font-family: 'IBM Plex Sans', sans-serif;
+  font-weight: 450;
+}
+
+.navbar-brand {
+  line-height: 1.975;
+}
+
+.navbar-brand .logo {
+  height: 32px;
+  margin-top: -4px;
+}