Update templates/index.html

templates/index.html

@@ -56,7 +56,7 @@
             margin-top: 0px !important;
             border-bottom: 2px solid yellow; 
             color:var(--text-color); 
-            font-family: 'Silkscreen'; font-weight: 50;
+            font-family: monospace; font-weight: 50;
         }
         .pulse {
             width: 40px;
@@ -150,6 +150,7 @@
             transition: 0.5s ease;
         }
         .hoverButton {
+              font-family: monospace;
               color: var(--text-color);
               transition: 0.5s ease;
         }
@@ -157,7 +158,7 @@
               color: black;
         }
         .tag {
-            font-family: 'Silkscreen'; 
+            font-family: monospace; 
             font-weight: 50;
             margin: auto;
             color:var(--text-color);
@@ -231,7 +232,7 @@
 
               
                     <div class="info" id="info">
-                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Silkscreen'; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
+                      <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: monospace; font-weight: 50; margin-bottom: 10px;"> searching...</h1>        
                       <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 2px solid yellow;" id="location-name">{{ page_title|safe }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
@@ -252,7 +253,7 @@
                         <p id="copied" class="tag" style="visibility: hidden;">copied</p>
                       </div>
 
-                        <p id="info-text" style="color:var(--text-color); font-family: 'Silkscreen'; font-weight: 50;">
+                        <p id="info-text" style="color:var(--text-color); font-family: monospace; font-weight: 50;">
 
                           time: <span id="time"></span><br>