feature(homepage): removed unused images and more styling

docs/index.html

@@ -91,7 +91,7 @@
       <img alt="logo" id="bg-image" src="./images/test1.webp" />
       <div class="image-box">
         <img alt="name" id="middle-logo" src="./images/antelope-tools.svg" />
-        <img alt="bg" id="bg-image-mobile" src="./images/Hero - Mobile 1@3x.png" />
+        <img alt="bg" id="bg-image-mobile" src="./images/background-mobile.png" />
       </div>
       <div class="image-box-desktop">
         <img alt="logo" src="./images/antelope-tools.svg" />
@@ -129,18 +129,18 @@
           <section>
             <div class="grid">
               <a class="grid-item" href="https://eos.antelope.tools/"><img alt="EOSIO" height="188.3px"
-                  src="./images/eos-256 1@3x.png" width="197.9px" /><span class="name-networks">EOS Mainnet</span></a>
+                  src="./images/eos-grid.png" width="197.9px" /><span class="name-networks">EOS Mainnet</span></a>
               <a class="grid-item" href="https://proton.antelope.tools/"><img alt="Proton Mainnet" height="188.3px"
-                  src="./images/Vector@3x.png" width="169.5px" /><span class="name-networks">Proton Mainnet</span></a>
+                  src="./images/proton-grid.png" width="169.5px" /><span class="name-networks">Proton Mainnet</span></a>
               <a class="grid-item" href="https://wax.antelope.tools/"><img alt="Wax Mainnet" height="188.3px"
-                  src="./images/wax-waxp-logo 1@3x.png" width="188.3px" /><span class="name-networks">Wax
+                  src="./images/wax-grid.png" width="188.3px" /><span class="name-networks">Wax
                   Mainnet</span></a>
               <a class="grid-item" href="https://telos.antelope.tools/"><img alt="Telos Mainnet" height="188.3px"
-                  src="./images/image 6@3x.png" width="188.3px" /><span class="name-networks">Telos Mainnet</span></a>
+                  src="./images/telos-grid.png" width="188.3px" /><span class="name-networks">Telos Mainnet</span></a>
               <a class="grid-item" href="https://libre.antelope.tools/"><img alt="Libre Mainnet" height="188.3px"
-                  src="./images/image 4@3x.png" width="188.3px" /><span class="name-networks">Libre Mainnet</span></a>
+                  src="./images/libre.png" width="188.3px" /><span class="name-networks">Libre Mainnet</span></a>
               <a class="grid-item" href="https://lacchain.antelope.tools/"><img alt="LACChain EOSIO" height="188.3px"
-                  src="./images/lacchain-256 1@3x.png" width="160px" />
+                  src="./images/lacchain-grid.png" width="160px" />
                 <span class="name-networks">LACChain EOSIO</span>
               </a>
           </section>
@@ -159,20 +159,20 @@
           <section>
             <div class="grid">
               <a class="grid-item" href="https://jungle.antelope.tools/"><img alt="Jungle4 Testnet" height="188.1px"
-                  src="./images/image 1@3x.png" width="127.9px" /><span class="name-networks">Jungle4 Testnet</span></a>
+                  src="./images/jungle-grid.png" width="127.9px" /><span class="name-networks">Jungle4 Testnet</span></a>
               <a class="grid-item" href="https://proton-testnet.antelope.tools/"><img alt="Proton Mainnet"
-                  height="188.1px" src="./images/Vector@3x.png" width="169.3px" /><span class="name-networks">Proton
+                  height="188.1px" src="./images/proton-grid.png" width="169.3px" /><span class="name-networks">Proton
                   Testnet</span></a>
               <a class="grid-item" href="https://wax-testnet.antelope.tools/"><img alt="Wax Mainnet" height="188.1px"
-                  src="./images/wax-waxp-logo 1@3x.png" width="188.1px" /><span class="name-networks">Wax
+                  src="./images/wax-grid.png" width="188.1px" /><span class="name-networks">Wax
                   Testnet</span></a>
               <a class="grid-item" href="https://telos-testnet.antelope.tools/"><img alt="Telos Mainnet"
-                  height="188.1px" src="./images/image 6@3x.png" width="188.1px" /><span class="name-networks">Telos
+                  height="188.1px" src="./images/telos-grid.png" width="188.1px" /><span class="name-networks">Telos
                   Testnet</span></a>
               <a class="grid-item" href="https://libre.antelope.tools/"><img alt="Libre Mainnet" height="188.1px"
                   src="./images/libre.png" width="188.1px" /><span class="name-networks">Libre Mainnet</span></a>
               <a class="grid-item" href="https://ultra-testnet.antelope.tools/"><img alt="Ultra Testnet"
-                  height="188.1px" src="./images/image 5@3x.png" width="188.1px" />
+                  height="188.1px" src="./images/ultra-grid.png" width="188.1px" />
                 <span class="name-networks">Ultra Testnet</span>
               </a>
           </section>
@@ -266,7 +266,7 @@
       <h4 class="project-by">This App is a Community Public Good by</h4>
       <div class="logo-text">
         <a href="https://edenia.com/" target="_blank"><img class="edeniaLogo" alt="EdeniaWeb3"
-            src="./images/Edenia logo@3x.png" /></a>
+            src="./images/edenia-logo.png" /></a>
       </div>
     </div>
     <p id="copyright">antelope.tools - Copyright 2021</p>

docs/styles.css

@@ -759,7 +759,8 @@ p {
     letter-spacing: 0.08px;
     text-align: left;
     color: #000;
-    margin: 16px 0px 22px 0px;
+    margin: 16px 0px 31px 0px;
+    padding-left: 40px;
   }
 
   .box-paragraph summary {