diff --git a/templates/base.html.tera b/templates/base.html.tera
index 6686d08..066a97c 100644
--- a/templates/base.html.tera
+++ b/templates/base.html.tera
@@ -3,47 +3,55 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <link href="https://fonts.googleapis.com" rel="preconnect"/>
+    <link crossorigin href="https://fonts.gstatic.com" rel="preconnect"/>
+    <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600&display=swap" rel="stylesheet"/>
+
     <title>Invoice Detective</title>
     <style>
       body {
           margin: 0;
           padding: 0;
-          font-family: Arial, sans-serif;
+		  font-family: Lexend, Arial, Helvetica, sans-serif;
+		  font-weight: 300;
       }
 
       header {
-          background-color: #333;
-          color: #fff;
+          background-color: #2374AB;
+          color: white;
           text-align: center;
           padding: 0.1em;
       }
+	  a {
+          color: #2374AB;
+	  }
 
       main {
           padding: 20px;
       }
 
       footer {
-          background-color: #333;
-          color: #fff;
+          background-color: #2374AB;
+          color: white;
           text-align: center;
           padding-top: 1em;
           padding-bottom: 1em;
           bottom: 0;
           width: 100%;
+		  a {
+			  color: white;
+		  }
       }
-	  footer a {
-		  color: #55f;
-	  }
 
       .card {
-          border: 1px solid #ccc;
           overflow: hidden;
           box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
       }
 
       .card-header {
-          background-color: #7b7b7b;
-          color: #fff;
+          background-color: #F0F0F0;
+          color: #404040;
           padding: 10px;
           text-align: left;
           font-size: 120%;
@@ -62,18 +70,6 @@
           width: 100%;
       }
 
-      body {
-          margin: 0;
-          padding: 0;
-          font-family: Arial, sans-serif;
-      }
-
-      header {
-          background-color: #333;
-          color: #fff;
-          text-align: center;
-          padding: 0.1em;
-      }
 	  header a {
           color: #fff;
 		  text-decoration: none;
@@ -83,38 +79,6 @@
           padding: 20px;
       }
 
-      footer {
-          background-color: #333;
-          color: #fff;
-          text-align: center;
-          padding-top: 1em;
-          padding-bottom: 1em;
-          bottom: 0;
-          width: 100%;
-      }
-	  footer a {
-		  color: #55f;
-	  }
-
-      .card {
-          border: 1px solid #ccc;
-          overflow: hidden;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-      }
-
-      .card-header {
-          background-color: #7b7b7b;
-          color: #fff;
-          padding: 10px;
-          text-align: left;
-          font-size: 120%;
-          font-weight: bold;
-      }
-
-      .card-body {
-          padding: 10px;
-      }
-
       .invoice {
           font-size: 120%;
           word-wrap: break-word;
@@ -182,9 +146,23 @@
     </main>
 
 	<footer>
-	  Made by
-	  <a href="https://lipa.swiss">lipa</a> —
-	  <a href="https://github.com/getlipa/invoice-detective">Github page</a>
+	  <div>
+		<svg class="logo-wrapper" height="20" viewBox="0 0 688.16 397.24" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" y="0px">
+		  <title>Lipa logo</title>
+		  <g class="logo" fill="#fff">
+			<path class="st0" d="M640.67,107.32h-31.42v9.92c-15.36-9.85-33.68-15.49-53.33-15.24c-52.98,0.68-96.1,45.01-95.38,97.99c0.72,52.76,43.71,95.3,96.64,95.3c19.18,0,37.04-5.61,52.07-15.24v9.79h54.76V130.66C664.01,117.77,653.56,107.32,640.67,107.32zM564.4,243.46c-24.75,0-44.82-20.06-44.82-44.82s20.06-44.82,44.82-44.82s44.82,20.06,44.82,44.82S589.15,243.46,564.4,243.46z"></path>
+			<path class="st0" d="M345.99,102c-19.66-0.25-37.97,5.4-53.33,15.25v-9.93h-54.76v266.48h31.42c12.89,0,23.34-10.45,23.34-23.34v-70.42c15.04,9.64,32.9,15.26,52.09,15.26c52.93,0,95.92-42.55,96.64-95.31C442.1,147,398.97,102.67,345.99,102z M337.52,243.46c-24.75,0-44.82-20.06-44.82-44.82s20.06-44.82,44.82-44.82s44.82,20.06,44.82,44.82S362.27,243.46,337.52,243.46z"></path>
+			<path class="st0" d="M176.71,107.32h-31.42v182.6h54.76V130.66C200.05,117.77,189.6,107.32,176.71,107.32z"></path>
+			<path class="st0" d="M172.66,23.44c-17.89,0-32.85,14.97-32.85,32.85c0,17.89,14.97,32.85,32.85,32.85c17.89,0,32.86-14.97,32.86-32.85C205.52,38.41,190.55,23.44,172.66,23.44z"></path>
+			<path class="st0" d="M78.86,205.3V46.78c0-12.89-10.45-23.34-23.34-23.34H24.01V205.3c0,46.66,38.04,84.62,84.8,84.62v-54.85C92.29,235.07,78.86,221.72,78.86,205.3z"></path>
+		  </g>
+		</svg>
+	  </div>
+	  <div>
+		Made by
+		<a href="https://lipa.swiss" target="_blank">lipa</a> —
+		<a href="https://github.com/getlipa/invoice-detective" target="_blank">Github page</a>
+	  </div>
 	</footer>
   </body>
 </html>
diff --git a/templates/index.html.tera b/templates/index.html.tera
index cc25bad..3d427e7 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -17,7 +17,7 @@
 <p>
   A lightning invoice is a set of payment instructions which has the
   destination as a public key of the recipient node. If it is a well known
-  node like <a href="https://mempool.space/lightning/node/035e4ff418fc8b5554c5d9eea66396c227bd429a3251c8cbc711002ba215bfc226">WalletOfSatoshi.com</a>
+  node like <a href="https://mempool.space/lightning/node/035e4ff418fc8b5554c5d9eea66396c227bd429a3251c8cbc711002ba215bfc226" target="_blank">WalletOfSatoshi.com🡵</a>
   it is reasonable to infer that the recipient is a user of the custodial
   <strong>Wallet of Satoshi</strong>.
 </p>
@@ -26,7 +26,7 @@
   where the recipient node has no announced channels nor a reachable
   address, lightning invoices incorporate additional routing details, such
   as the LSP node public key. When the LSP is associated with a well known
-  node like <a href="https://mempool.space/lightning/node/03864ef025fde8fb587d989186ce6a4a186895ee44a926bfc370e2c366597a3f8f">ACINQ</a>,
+  node like <a href="https://mempool.space/lightning/node/03864ef025fde8fb587d989186ce6a4a186895ee44a926bfc370e2c366597a3f8f" target="_blank">ACINQ🡵</a>,
   it is reasonable to conclude that the recipient is utilizing the
   non-custodial <strong>Phoenix</strong> wallet.
 </p>
