diff --git a/README.md b/README.md
index 945c89d..60052a9 100644
--- a/README.md
+++ b/README.md
@@ -2,14 +2,9 @@
 title: ""
 ---
 
-<style>
-  @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
-  body {
-    font-family: 'JetBrains Mono', monospace;
-  }
-</style>
+<link rel="stylesheet" type="text/css" href="./css/style.css">
 
-<img src="./img/banner/header.png" style="width: 100%;">
+<img src="./img/banner/header.png" class="banner">
 
 <br>
 
@@ -17,7 +12,7 @@ Your assistance in expanding our project repository is _greatly_ appreciated. We
 
 If you prefer not to initiate Pull Requests but would like to engage with us, you are welcome to reach out via 𝕏 by mentioning [@AlphaOlomi](https://twitter.com/AlphaOlomi). Your support and collaboration are invaluable to us. Thank you for your involvement in enhancing our project repository.
 
-<p align="center" style="font-size: 1.2em; display: flex; justify-content: center; align-items: center; gap: 1em; margin: 0 20px;">
+<p align="center" class="nav-menu">
   <a href="#A"><strong>A</strong></a>
   <a href="#B"><strong>B</strong></a>
   <a href="#C"><strong>C</strong></a>
@@ -99,4 +94,4 @@ If you prefer not to initiate Pull Requests but would like to engage with us, yo
 <br>
 <br>
 
-<img src="./img/banner/footer.png" style="width: 100%;">
+<img src="./img/banner/footer.png" class="banner">
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..ab50d7d
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,18 @@
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap");
+
+:root {
+  font-family: "JetBrains Mono", monospace;
+}
+
+.banner {
+  width: 100%;
+}
+
+.nav-menu {
+  font-size: 1.2em;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1em;
+  margin: 0 20px;
+}