fix(donate): update font to Lato on paragraphs

client/src/components/Donation/Donation.css

@@ -153,3 +153,9 @@ li.disabled > a {
   border: 2px solid var(--gray-15) !important;
   color: var(--gray-15) !important;
 }
+
+.donate-text p,
+.donation-description,
+[name='payment-method'] {
+  font-family: 'Lato', sans-serif;
+}

client/src/components/Donation/components/DonateForm.js

@@ -184,7 +184,7 @@ class DonateForm extends Component {
                   {this.renderAmountButtons(duration)}
                 </ToggleButtonGroup>
                 <Spacer />
-                <p>
+                <p className='donation-description'>
                   {`Your `}
                   {this.getFormatedAmountLabel(donationAmount)}
                   {` donation will provide `}

client/src/components/Donation/components/DonateText.js

@@ -3,7 +3,7 @@ import { Row, Col } from '@freecodecamp/react-bootstrap';
 
 const DonateText = () => {
   return (
-    <Row>
+    <Row className='donate-text'>
       <Col sm={10} smOffset={1} xs={12}>
         <p>freeCodeCamp is a highly efficient education nonprofit.</p>
         <p>