Added bio paragraph

pages/index.js

@@ -24,6 +24,9 @@ export default function Home({projectData}) {
                 <h1 className={styles.title}>
                     Ryan Freeman{' '}<span>Full Stack Developer</span>
                 </h1>
+                <p className={styles.bio}>
+                    I'm a computing graduate who builds cool things for the web.
+                </p>
                 <div className={styles.links}>
                     <a href="https://github.com/r-freeman">
                         <GitHub/>

styles/Home.module.scss

@@ -19,7 +19,6 @@
   margin-top: 1rem;
 }
 
-
 .title {
   margin: 0;
   font-size: 2.5rem;
@@ -38,8 +37,13 @@
   color: grey;
 }
 
-.title, .description {
-  text-align: center;
+.bio {
+  font-size: 1rem;
+  line-height: 1.75;
+  max-width: 24rem;
+  @include lg {
+    max-width: 100%;
+  }
 }
 
 .description {
@@ -49,6 +53,10 @@
   line-height: 1.5;
 }
 
+.title, .description, .bio {
+  text-align: center;
+}
+
 .grid {
   display: flex;
   align-items: center;