added about this site text hidden

app/assets/stylesheets/pages/_home.scss

@@ -1,9 +1,11 @@
 .vertically-align {
-  min-height: 90vh;
+  height: 95vh;
   display: flex;
   align-items: center;
 }
 #home {
+  padding-top: 120px;
+
   h1 {
     margin-top: 16px;
     margin-bottom: 50px;
@@ -65,5 +67,10 @@
     margin-top: 15px;
     color: #7B7B7B;
   }
+
+  #about-the-site {
+    opacity: 0;
+    margin-top: 25px;
+  }
 }
 

app/views/pages/home.html.erb

@@ -1,19 +1,20 @@
-<div class="top-line"></div>
-<div class="vertically-align">
-  <div id="home" class="container">
-    <div class="row">
-      <div class="col-xs-12 col-md-6 col-md-offset-3 text-center">
-        <%= image_tag("gitlang.png") %>
-        <h1>Github Languages</h1>
+<div class='top-line'></div>
+<div class='vertically-align'>
+  <div id='home' class='container'>
+    <div class='row'>
+      <div class='col-xs-12 col-md-6 col-md-offset-3 text-center'>
+        <%= image_tag('gitlang.png') %>
+        <h1>GitHub Languages</h1>
         <div class='search-box'>
           <form class='search-form' action='/user' method='get'>
-            <input class='form-control' placeholder='Github Username' type='text' name="user">
+            <input class='form-control' placeholder='Github Username' type='text' name='user'>
             <button class='btn btn-link search-btn'>
               <i class='fa fa-search'></i>
             </button>
           </form>
         </div>
-        <p id="text-below-search">Discover your favorite programming languages. <a href="#">About this page</a>.</p>
+        <p>Discover your favorite programming languages. <a href='#'>About this site</a>.</p>
+        <p id='about-the-site'>This website is built by <a href='#'>Alex</a>. It finds your favorite programming languages using your <a href='#'>GitHub</a> username. You can find out more <a href='#'>here</a>.</p>
       </div>
     </div>
   </div>