layout tweaks

css/style.css

@@ -1 +1,82 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');html,body{height:100%;font-family:Roboto !important}body{display:flex;align-items:center;padding-bottom:40px;background-color:#1662ca !important;color:#fff !important}#wrapper{max-width:650px;padding:15px}#wrapper p{font-weight:700 !important}#wrapper h1,#wrapper h2{font-weight:bolder}#wrapper main{padding:1.5em 0}#btn-stop{display:none}#modal-help{color:#000}#modal-help img[src='img/edge.png']{width:15px}#modal-help ol li{padding:.3em 0}#modal-help .form-check-label{cursor:pointer}#div-bing{display:none !important;width:0 !important;height:0 !important}#wrapper h1,#wrapper h2,footer p,footer label,footer small{opacity:.8}footer a{color:#fdbf07;font-weight:bolder;text-decoration:none}footer a:hover{color:#fdbf07;text-decoration:underline}footer a.btn:hover{text-decoration:none}
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
+
+html,
+body {
+    height: 100%;
+    font-family: Roboto !important;
+}
+
+body {
+    display: flex;
+    align-items: center;
+    padding-bottom: 40px;
+    background-color: #1662ca !important;
+    color: #fff !important;
+}
+
+#wrapper {
+    max-width: 650px;
+    padding: 15px;
+}  
+
+#wrapper p {
+    font-weight: bold !important;
+}
+
+#wrapper h1,
+#wrapper h2 {
+    font-weight: bolder;
+}
+
+#wrapper main {
+    padding: 1.5em 0;
+}
+
+#btn-stop {
+    display: none;
+}
+
+#modal-help {
+    color: #000;
+}
+
+#modal-help img[src='img/edge.png'] {
+    width: 15px;
+}
+
+#modal-help ol li {
+    padding: 0.3em 0;
+}
+
+#modal-help .form-check-label {
+    cursor: pointer;
+}
+
+#div-bing {
+    display: none !important;
+    width: 0px !important;
+    height: 0px !important;
+}
+
+#wrapper h1,
+#wrapper h2, 
+footer p.pt-3,
+footer label,
+footer small {
+    opacity: 0.8;
+}
+
+footer a {
+    color: #fdbf07;
+    font-weight: bolder;
+    text-decoration: none;
+}
+
+footer a:hover {
+    color: #fdbf07;
+    text-decoration: underline;
+}
+
+footer a.btn:hover {
+    text-decoration: none;
+}

index.html

@@ -42,7 +42,9 @@ <h2>Bing Auto Search for Microsoft Rewards</h2>
         <footer>
             <a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#modal-help">Need help? (Tutorial and Settings)</a>
             <p class="pt-3">This page is not affiliated with Microsoft, Rewards, Bing or Edge.</p>
-            <p>Warning! Using automation tools is against the <a href="https://www.microsoft.com/en-US/servicesagreement/#14l_MicrosoftRewards" target="_blank">Microsoft Rewards Terms of Use</a>. Your account may be suspended and/or banned, use this tool at your own risk.</p>
+            <p>
+                <small>Warning! Using automation tools is against the <a href="https://www.microsoft.com/en-US/servicesagreement/#14l_MicrosoftRewards" target="_blank">Microsoft Rewards terms of use</a>. Your account may be suspended and/or banned, use this tool at your own risk.</small>
+            </p>
             <small>Microsoft, Rewards, Bing and Edge are registered trademarks of Microsoft Corporation in the United States of America and elsewhere. The use on this page is for illustrative purposes only.</small>
             <hr />
             <label>Made with &#9749; by</label>&nbsp;<a href="https://www.gerisonsabino.com/?ref=bing_autosearch" target="_blank">Gérison Sabino</a>