From 8f76a0f77df272a4322014a044acea572fbb9270 Mon Sep 17 00:00:00 2001
From: Ram Reddy <ram.n.reddy15@gmail.com>
Date: Sun, 21 Feb 2021 12:56:02 -0800
Subject: [PATCH] Fixed wierd global colors

---
 src/components/Donate.js          | 10 +++++-----
 src/components/assets/Donate.scss |  9 +++++----
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/components/Donate.js b/src/components/Donate.js
index cf7bbea..145d4c9 100644
--- a/src/components/Donate.js
+++ b/src/components/Donate.js
@@ -23,8 +23,8 @@ class Donate extends Component {
             <GlobalStyle />
               {/* <div className="content-box"> hjalsdklANSDFKJASNDF</div> */}
             <div className="centered"> 
-            <p>
-              <h1>Donate Today</h1>
+            <div className="textArea">
+              <div className="text1">Donate Today</div>
               <span><br></br></span>
               <span><br></br></span>
               <span><br></br></span>
@@ -34,14 +34,14 @@ class Donate extends Component {
               <span><br></br></span>
               <span><br></br></span>
               <span><br></br></span>
-              <h2>Paypal widget here</h2>
+              <div className="text2">Paypal widget here</div>
               <span><br></br></span>
               <span><br></br></span>
               <span><br></br></span>
               <span><br></br></span>
               <span><br></br></span>
-              <h2>Gofundme widget here</h2>
-            </p>
+              <div className="text2">Gofundme widget here</div>
+            </div>
             </div>
             <img className="landing-robot" src={bot2}> 
               
diff --git a/src/components/assets/Donate.scss b/src/components/assets/Donate.scss
index 379dffc..540bd1f 100644
--- a/src/components/assets/Donate.scss
+++ b/src/components/assets/Donate.scss
@@ -11,17 +11,18 @@
   border-radius: 10px;
   transform: translate(-50%, -50%);
 }
-p {
+.textBox {
   margin-left:4em;
+  text-align: center;
   vertical-align: middle;
 }
-h1 {
+.text1 {
   font-family: "Poppins", sans-serif;
-  font-size:250%;
+  font-size:4em;
   position: absolute;
   color:#e0fbfc;
 }
-h2{
+.text2{
   font-family: "Poppins", sans-serif;
   font-size: 2em;
   position: absolute;