Fix the YouTube button styling

diff --git a/index.html b/index.html
index 34aa9ab..02a5c1f 100644
--- a/index.html
+++ b/index.html
@@ -79,7 +79,7 @@
   <div class="container-fluid">
     <div class="row cover top">
       <div class="col-xs-12" style="padding:0">
-        <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible;">
+        <div class="row" style="overflow-x:hidden;height: auto;overflow-y: visible; color: #fff;">
           <div class="col-md-12" align="center">
             <div class="row">
               <h1>Bliss</h1>
@@ -117,8 +117,8 @@
           </div>
         </div>
         <div class="row">
-          <div class="col-xs-12 center-block text-center" style="overflow-y:visible">
-            <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+          <div class="col-xs-12 center-block text-center" style="overflow-y:visible; color: #fff;">
+            <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" style="color: #fff;" aria-hidden="true"></span></a>
           </div>
         </div>
       </div>
@@ -212,7 +212,7 @@
         <div class="p-5 col-lg-7 d-flex flex-column justify-content-center" style="">
           <h2 class="" style="color: #fff;">Bliss Videos</h2>
           <p class="lead mb-0">We like to work on a few videos as well in our spare time. Walkthroughs, Updates, Reviews, we try to cover it all. So make sure you follow us on YouTube for more</p>
-          <a class="btn btn-primary btn-lg btn-block" href="https://www.youtube.com/channel/UCHVCPbyVGPiwZs7XycTYY1g">Team Bliss on YouTube</a>
+          <a class="btn btn-rounded family-projects--btn" href="https://www.youtube.com/channel/UCHVCPbyVGPiwZs7XycTYY1g">Team Bliss on YouTube</a>
         </div>
       </div>
     </div>