Update templates/index.html

templates/index.html

@@ -24,6 +24,7 @@
         }
       
         body {
+            font-size: 10pt;
             justify-content: center;
             background-color: black;
             display: flex;
@@ -49,12 +50,12 @@
         /* Firefox */
         * {
             scrollbar-width: thin;
-            scrollbar-color: black yellow;
+            scrollbar-color: black black;
         }
         h3 {
             margin-bottom: 0px;
             margin-top: 0px !important;
-            border-bottom: 1px solid yellow; 
+            border-bottom: 1px solid white; 
             color:var(--text-color); 
             font-family: 'Andale Mono';
             font-weight: normal;
@@ -64,7 +65,7 @@
             height: 40px;
             border-radius: 50%;
             position: absolute;
-            background-color: yellow;
+            background-color: black;
             opacity: 0.5;
             animation: pulse-animation 5s infinite;
             margin-left: -20px;
@@ -78,7 +79,7 @@
             height: 5px;
             border-radius: 50%;
             position: absolute;
-            background-color: yellow;
+            background-color: black;
             margin-left: -4.5px;
             margin-top: -4.5px;
         }
@@ -142,7 +143,7 @@
           font-size: 10pt;
         }
         a:hover {
-            background-color: yellow;
+            background-color: white;
             color: black;
             transition: 0.5s ease;
         }
@@ -172,7 +173,7 @@
           cursor: pointer;
           margin: auto;
           margin-left: 10px;
-          color: yellow;
+          color: white;
           transition: 0.3s ease;
         }
         #share:hover {
@@ -237,12 +238,12 @@
               
                     <div class="info" id="info">
                       <h1 id="country" style="color:var(--text-color); margin-top: 10px; font-family: 'Andale Mono'; margin-bottom: 10px;"> searching...</h1>        
-                      <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 1px solid yellow;" id="location-name">{{ page_title|safe }}</h3></a>
+                      <a href="{{ ip_link }}" target="_blank"> <h3 style="border-bottom: 1px solid white;" id="location-name">{{ page_title|safe }}</h3></a>
 
                       <div style="display: flex; margin-top: 22px; margin-bottom: 0%;">
   
                         <a href="?new=true" style="margin-right: 10px; display: inline-block;">
-                          <button class="hoverButton" style="border-radius: 3px; border: 1px solid yellow; background-color: transparent; padding: 10px;">
+                          <button class="hoverButton" style="border-radius: 3px; border: 1px solid white; background-color: transparent; padding: 10px;">
                             another
                           </button>
                         </a>