Add styles to paragraph text across the code schools page

Author: Cooperbuilt

src/scenes/home/codeSchools/codeSchools.css

@@ -10,3 +10,15 @@
 .filterButtonDiv > * {
   margin: 2.5% 0;
 }
+
+p {
+	text-align: center;
+}
+
+.leadingParagraph {
+	font-size: 2rem;
+}
+
+.secondParagraph {
+	font-size: 1.4rem;
+}

src/scenes/home/codeSchools/codeSchools.js

@@ -25,14 +25,14 @@ class CodeSchools extends Component {
           theme="white"
           margin
         >
-          <p>
+          <p className={styles.leadingParagraph}>
             Code schools prepare aspiring programmers for new careers in software development.
-            <br />
-            <br />
+          </p>
+          <p className={styles.secondParagraph}>
             Code schools are accelerated learning programs that will prepare you for a career in
-            software development. Each school listed below ranges in length, vary in tuition costs,
-            and in programming languages. Desirable from an employer&apos;s standpoint, code schools
-            are founded by software developers who saw a need for more programmers and aspired to
+            software development. <br />Each school listed below ranges in length, vary in tuition costs,
+            and in programming languages. <br />Desirable from an employer&apos;s standpoint, code schools
+            are founded by software developers who saw a need <br />for more programmers and aspired to
             teach the next generation.
             <br />
             <br />

src/scenes/home/codeSchools/onlineSchools/onlineSchools.css

@@ -15,6 +15,7 @@
 
 .moocs h3 {
   text-align: center;
+  font-size: 1.8rem;
 }
 
 .moocCards {
@@ -23,3 +24,12 @@
   align-items: center;
   justify-content: space-around;
 }
+
+.leadingParagraph {
+  font-size: 1.4rem;
+}
+
+.boxShadow {
+  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
+  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+}

src/scenes/home/codeSchools/onlineSchools/onlineSchools.js

@@ -49,8 +49,8 @@ class OnlineSchools extends Component {
         margin
       >
         <div className={styles.intro}>
-          <p>
-            Many programs offer coding schools in a completely digital fashion. Regardless of where
+          <p className={styles.leadingParagraph}>
+            Many programs offer coding schools in a completely digital fashion. <br />Regardless of where
             you are in the world, you can learn how to code through these programs!
           </p>
         </div>
@@ -61,12 +61,12 @@ class OnlineSchools extends Component {
 
         <div className={styles.moocs}>
           <h3>MOOCs</h3>
-          <p>
+          <p className={styles.leadingParagraph}>
             Massive, Open, Online Courses (or MOOCs) are course study programs made available over
             the internet!
             <br />
-            Typically there are start and end dates, but the work is on your own time.
-            MOOCs are usually free, but there are certain benefits to paying for premium aspects
+            Typically there are start and end dates, but the work itself is done at your own pace.
+            <br />MOOCs are usually free, but there are certain benefits to paying for premium aspects
             of MOOCs.
             <br />
           </p>
@@ -85,6 +85,7 @@ class OnlineSchools extends Component {
               cardText={'Offers only paid programs, but we have licenses available.'}
               buttonText={'Website'}
               link={'https://teamtreehouse.com/'}
+              className={styles.boxShadow}
             />
             <ImageCard
               image={udacityLogo}

src/scenes/home/codeSchools/partnerSchools/partnerSchools.css

@@ -13,4 +13,8 @@
   text-align: center;
   font-size: 1em;
   margin: 15px 0 0 0;
+}
+
+.introParagraph {
+	font-size: 1.4rem;
 }

src/scenes/home/codeSchools/partnerSchools/partnerSchools.js

@@ -22,11 +22,11 @@ class PartnerSchools extends Component {
         margin
       >
         <div className={styles.intro}>
-          <p>
+          <p className={styles.introParagraph}>
             Many code schools around the nation offer military/veterans discounts to make coding
-            education more accessible to those who&apos;ve worn the uniform and served our country.
+            education more accessible to our veterans.<br />
             We&apos;ve partnered up with those schools in order to help direct veterans to the best
-            code schools around the country. <b>Apply for a scholarship with our partners now and
+            code schools around the country. <br /> <b>Apply for a scholarship with our partners now and
             get coding:</b>
           </p>
         </div>