Adding illustration, stylistic changes

src/components/Card.js

@@ -12,7 +12,7 @@ const Card = ({ ...props }) => (
         <img className="w-full" src={ImgSprint} alt="Sprint Work" />
       )}
     </Link>
-    <div className="px-6 py-4 bg-white">
+    <div className="px-6 py-4">
       <Link className="no-underline" to={props.url}>
         <h3 className="text-black font-bold text-xl mb-2">{props.title}</h3>
       </Link>

src/components/Header.css

@@ -1,5 +1,5 @@
 .menu_icon [class*='menu_bar-'] {
-  background: #000;
+  background: #8448f7;
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: 0.2s ease all;

src/components/SectionIntro.js

@@ -32,6 +32,7 @@ const IntroDefault = ({ ...props }) => (
         {props.text}
       </p>
     )}
+    {props.children}
   </div>
 )