diff --git a/views/about.ejs b/views/about.ejs
index 64d8d35..b11f897 100644
--- a/views/about.ejs
+++ b/views/about.ejs
@@ -11,7 +11,7 @@
     <!-- Font Awesome CSS for Icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="https://raven-scott.fyi/css/styles.css">
     <style>
         /* Custom styles for a more professional look */
         body {
@@ -86,17 +86,17 @@
     <!-- Navigation Bar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="/">raven-scott.fyi</a>
+            <a class="navbar-brand" href="https://raven-scott.fyi">raven-scott.fyi</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item">
-                        <a class="nav-link" href="/">Home</a>
+                        <a class="nav-link active" href="https://raven-scott.fyi">Home</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link active" href="/about">About Me</a>
+                        <a class="nav-link" href="/about">About Me</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="/contact">Contact</a>
diff --git a/views/blog-post.ejs b/views/blog-post.ejs
index 92e1627..82e1c13 100644
--- a/views/blog-post.ejs
+++ b/views/blog-post.ejs
@@ -7,7 +7,7 @@
     <!-- Stylesheets -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="https://raven-scott.fyi/css/styles.css">
     <!-- Highlight.js CSS for Syntax Highlighting -->
     <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css"> -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/styles/atom-one-dark.min.css">
@@ -18,14 +18,14 @@
     <!-- Navbar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="/">raven-scott.fyi</a>
+            <a class="navbar-brand" href="https://raven-scott.fyi">raven-scott.fyi</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item">
-                        <a class="nav-link active" href="/">Home</a>
+                        <a class="nav-link active" href="https://raven-scott.fyi">Home</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="/about">About Me</a>
@@ -37,7 +37,7 @@
             </div>
         </div>
     </nav>
-    
+
     <header class="bg-primary text-white text-center py-5">
         <h1><%= title %></h1>
         <p class="lead"><%= lead %></p> <!-- Lead is dynamically set here -->
diff --git a/views/contact.ejs b/views/contact.ejs
index 7de7d78..0ad0421 100644
--- a/views/contact.ejs
+++ b/views/contact.ejs
@@ -11,7 +11,7 @@
     <!-- Font Awesome CSS for Icons -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <!-- Custom CSS -->
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="https://raven-scott.fyi/css/styles.css">
     <!-- reCAPTCHA API -->
     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
 </head>
@@ -21,14 +21,14 @@
     <!-- Navigation Bar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="/">raven-scott.fyi</a>
+            <a class="navbar-brand" href="https://raven-scott.fyi">raven-scott.fyi</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item">
-                        <a class="nav-link active" href="/">Home</a>
+                        <a class="nav-link active" href="https://raven-scott.fyi">Home</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="/about">About Me</a>
diff --git a/views/index.ejs b/views/index.ejs
index a30ff0b..91791ba 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -5,20 +5,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><%= title %></title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/css/styles.css">
+    <link rel="stylesheet" href="https://raven-scott.fyi/css/styles.css">
 </head>
 <body>
     <!-- Navbar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="/">raven-scott.fyi</a>
+            <a class="navbar-brand" href="https://raven-scott.fyi">raven-scott.fyi</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="collapse navbar-collapse" id="navbarNav">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item">
-                        <a class="nav-link active" href="/">Home</a>
+                        <a class="nav-link active" href="https://raven-scott.fyi">Home</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link" href="/about">About Me</a>