Updated Donation Button

css/index.css

@@ -35,6 +35,10 @@ body {
         text-align: center;
     }   
 
+    .tips {
+        color: white;
+    }
+
 /* Search Engine Switcher */
     .engine-swticher {
         display: flex;

index.html

@@ -32,6 +32,22 @@
         <div class="maindiv">
             <div class="searchlogo">
                 <img class="searchlogo" src="img/search-logo.png" onclick="location.href='index.html';">
+                <div id="donate-button-container">
+                    <a class="tips">If you think this website has helped you, please consider donating...</a>
+                    <div id="donate-button"></div>
+                    <script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
+                    <script>
+                    PayPal.Donation.Button({
+                    env:'production',
+                    hosted_button_id:'XMFZ3K79YGDFG',
+                    image: {
+                    src:'https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif',
+                    alt:'Donate with PayPal button',
+                    title:'PayPal - The safer, easier way to pay online!',
+                    }
+                    }).render('#donate-button');
+                    </script>
+                </div>
             </div>
             <script>
                 (function() {