continued work on donate section

src/views/annual-report/annual-report.jsx

@@ -201,16 +201,16 @@ class AnnualReport extends React.Component {
                         </section>
                     </div>
                 </div>
-                 <div className="donate">
-                     <TitleBanner className="donate">
-                        <div className="title-banner-p">
-                            <FlexRow className="masthead-info">
-                                <img src="/images/ideas/getting-started-illustration.svg" width="300" height="300"/>
+                 <div>
+                     <TitleBanner>
+                        <div className="title-banner">
+                            <FlexRow className="donate-info">
+                                <img src="/images/annual-report/donate-illustration.svg" width="300" height="300"/>
                                 <div>
-                                    <h1 className="title-banner-h1">
+                                    <h1 className="title-banner-h1 section-heading">
                                         <FormattedMessage id="annualReport.donateTitle" />
                                     </h1>
-                                    <p>
+                                    <p className="donate-p">
                                         <FormattedMessage id="annualReport.donateMessage" />
                                     </p>
                                     <a href="/projects/editor/?tutorial=all">

src/views/annual-report/annual-report.scss

@@ -119,10 +119,25 @@ $base-bg: $ui-white;
     text-align: left;
 }
 
+.section-heading {
+    font-size: 52px;
+}
+
 .title-banner {
     margin-bottom: 0;
 }
 
+.donate-p {
+    font-size: 20px;
+    text-align: left;
+    color: $type-white;
+    max-width: 500px;
+}
+
+.donate-info {
+    justify-content: center;
+}
+
 img.tips-icon {
     height: 1.75rem;
 }
@@ -292,6 +307,7 @@ img.tips-icon {
         margin-right: 1rem;
         font-weight: 600;
     }
+    
     /*display: block;
     position: fixed;
     left: 0;

src/views/annual-report/l10n.json

@@ -53,6 +53,6 @@
     "ideas.VirtualPetDescription": "Create an interactive pet that can eat, drink, and play.",
 
     "annualReport.donateTitle": "Donate",
-    "annualReport.donateMessage": "This is a paragraph",
+    "annualReport.donateMessage": "Your support enables us to make Scratch free for everyone, keeps our servers running, and most importantly, we are able to provide kids around the world an opportunity to imagine, create and share. Thank you!",
     "annualReport.donateButton": "Donate"
 }