Absolutified all the links

public/404.html

@@ -10,7 +10,7 @@
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   <link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Prompt:wght@700&display=swap"
@@ -87,21 +87,21 @@
     }
 
     @media only screen and (max-width: 600px) {
-      .broken-tea{
+      .broken-tea {
         width: 75% !important;
       }
     }
   </style>
 
   <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
-    <img src="Images/github.svg" alt="" class="github-icon mx-auto">
+    <img src="/Images/github.svg" alt="" class="github-icon mx-auto">
 
   </a>
 
 
   <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto">
     <div class="container-fluid top-nav">
-      <a class="navbar-brand" href="#"><img src="Images/tea-main-logo.svg" style="width:100px;"></a>
+      <a class="navbar-brand" href="/#"><img src="/Images/tea-main-logo.svg" style="width:100px;"></a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span>
@@ -118,16 +118,16 @@
       <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
         <ul class="navbar-nav ms-auto me-4 my-auto">
           <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link" aria-current="page" href="#">Home</a>
+            <a class="nav-link" aria-current="page" href="/#">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#why-tea">Why tea?</a>
+            <a class="nav-link" href="/#why-tea">Why tea?</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#features">Features</a>
+            <a class="nav-link" href="/#features">Features</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="#community">Community</a>
+            <a class="nav-link" href="/#community">Community</a>
           </li>
           <li class="nav-item">
             <a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
@@ -151,7 +151,8 @@
   <div class="container">
     <div class="row" style="height:100vh;">
       <div class="col my-auto">
-        <img class="broken-tea" src="Images/404.png" alt="broken teacup" style="width:30%; display:block; margin-left:auto; margin-right:auto;">
+        <img class="broken-tea" src="/Images/404.png" alt="broken teacup"
+          style="width:30%; display:block; margin-left:auto; margin-right:auto;">
         <h1 class="text-center display-1 mb-lg-5 mb-md-5 mb-sm-5 mb-3">Oops<br>Something Broke.</h1>
         <p class="text-center lead">We couldn’t find the page you’re looking for.</p>
       </div>
@@ -162,7 +163,7 @@
   <div class="container footer mb-5 mt-5">
     <div class="row mb-5 mt-5">
       <div class="col-lg-4">
-        <img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
+        <img src="/Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
         <p class="boilerplate mt-3 small">tea is revolutionizing open&#8208;source by leveraging blockchain and web3 to
           ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
           call? A shot’s been heard around the web, and the tea army wants you to join the cause.</p>
@@ -172,13 +173,13 @@
         <h6>Quick Links</h6>
         <ul class="nav flex-column small">
           <li class="nav-item">
-            <a class="nav-link ps-0" href="#">Home</a>
+            <a class="nav-link ps-0" href="/#">Home</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link ps-0" href="#why-tea">Why tea?</a>
+            <a class="nav-link ps-0" href="/#why-tea">Why tea?</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link ps-0" href="#features">Features</a>
+            <a class="nav-link ps-0" href="/#features">Features</a>
           </li>
         </ul>
       </div>