overrode bootstrap stylings. added 404 page

index.html

@@ -32,7 +32,7 @@
 
     <link 
         rel="stylesheet" 
-        href="style.css"
+        href="index.css"
     >
 
     <link 
@@ -53,22 +53,24 @@
 
   <div class="d-flex flex-column min-vh-100">
   
-    <nav class="navbar navbar-expand-sm navbar-light mt-sm-5">
+    <nav class="navbar navbar-expand-sm navbar-light mt-sm-4">
   
       <div class="container-fluid d-flex flex-sm-column">
   
-        <a class="navbar-brand" href="#">Stevan Freeborn</a>
+        <a class="navbar-brand fs-1" href="/">
+          Stevan Freeborn
+        </a>
   
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggler"
           aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
         </button>
   
-        <div class="collapse navbar-collapse" id="navbarToggler">
+        <div class="collapse navbar-collapse fs-4" id="navbarToggler">
   
           <ul class="navbar-nav">
   
-            <li class="nav-item">
+            <li class="nav-item mx-2">
   
               <a class="nav-link active" href="/">
                 Home
@@ -76,7 +78,7 @@
   
             </li>
   
-            <li class="nav-item">
+            <li class="nav-item mx-2">
   
               <a class="nav-link active" href="https://stevanfreeborn.wordpress.com/">
                 Journal
@@ -84,7 +86,7 @@
   
             </li>
   
-            <li class="nav-item">
+            <li class="nav-item mx-2">
   
               <a class="nav-link active" href="https://www.youtube.com/channel/UCPL5PeHpfOSnovdPalF3CTw" target="_blank">
                 Vlog
@@ -92,10 +94,16 @@
   
             </li>
   
-            <li class="nav-item dropdown">
+            <li class="nav-item dropdown mx-2">
   
-              <a class="nav-link active dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
-                data-bs-toggle="dropdown" aria-expanded="false">
+              <a 
+                class="nav-link active dropdown-toggle" 
+                href="#" 
+                id="navbarDropdownMenuLink" 
+                role="button"
+                data-bs-toggle="dropdown" 
+                aria-expanded="false"
+              >
                 Podcast
               </a>
   
@@ -117,7 +125,7 @@
   
             </li>
   
-            <li class="nav-item">
+            <li class="nav-item mx-2">
   
               <a class="nav-link active" href="https://www.youtube.com/channel/UCXbgPTTT9xPV5cvLPgyGcVg" target="_blank">
                 Fitness
@@ -177,7 +185,11 @@
 
             <div class="text-center">
 
-              <a class="btn btn-danger">
+              <a 
+                class="btn cta-button fs-5 mt-3"
+                href="https://sendfox.com/lp/1jjz0k"
+                target="_blank"
+              >
                 JOIN!
               </a>
 
@@ -191,7 +203,7 @@
       
     </main>
   
-    <footer class="mt-auto mx-auto mb-sm-5">
+    <footer class="mt-auto mx-auto mb-4">
   
       <div class="container-fluid">