CSS update for join/log in

+// i.fas.fa-location-arrow {
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+//   width: 30px;
+//   height: auto;
+//   object-fit: cover;
+// }
+
+h3 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 50px;
+  font-weight: 700;
+  font-family: "Roboto", sans-serif;
+  font-size: 30px;
+  opacity: 0.8;
+}
+
+a {
+  .login-github {
+    display: flex;
+    justify-content: center;
+    border-radius: 25px;
+    align-items: center;
+    margin-top: 30px;
+    height: 80px;
+    background-color: rgb(93, 32, 167);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11),
+      0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11),
+      0 8px 16px rgba(0, 0, 0, 0.11);
+    font-family: "Raleway", sans-serif;
+    color: white;
+    font-size: 50px;
+    font-weight: 500;
+    font-family: "Roboto", sans-serif;
+    font-size: 25px;
+  }
+}

 .user-quote {
+  margin-top: 20px;
   h2 {
     font-size: 30px;
     font-family: "Vollkorn", serif;
     margin: 15px 0px;
   }
   h3 {
-    font-size: 15px;
+    display: flex;
+    margin-right: 100px;
+    flex-direction: row-reverse;
+    font-size: 20px;
     opacity: 0.5;
     font-family: "Vollkorn", serif;
   }
 }
+label {
+  font-family: "Raleway", sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  padding: 10px;
+}
+.user-profile {
+  .user-profile__column {
+    img {
+      width: 100px;
+      height: 100px;
+      object-fit: cover;
+    }
+    .user-profile__link {
+      display: flex;
+      font-family: "Raleway", sans-serif;
+      flex-wrap: wrap;
+      font-weight: bold;
+      width: 5px;
+      color: rgb(92, 92, 221);
+    }
+  }
+}

@@ -10,6 +10,7 @@
 @import "./screens/home.scss";
 @import "./screens/editProfile.scss";
 @import "./screens/userDetail.scss";
+@import "./screens/join.scss";
 
 // Defaults
 

@@ -2,7 +2,7 @@ extends layouts/main
 
 block content
     i.fas.fa-location-arrow
-    h3 Start with GitHub!
+    h3 Join Us!
     a(href="/auth/github")
         .login-github
             i.fab.fa-github 

@@ -4,12 +4,13 @@ block content
     .user-quote
         h2=quote 
         h3=author
+
     hr
     .user-profile 
         .user-profile__column 
             img(src=`/${user.avatarUrl}`)
             .user-profile__link 
-                a(href=user.githubUrl target="_blank") Github
+                a(href=user.githubUrl target="_blank") Github 
                 a(href=`//${user.blogUrl}` target="_blank") Blog
         .user-profile__column
             .user-profile__info