update header CTAs

Author: cwaring

layouts/partials/header.html

@@ -23,8 +23,8 @@ <h2 class="headline-main">IPFS is the Distributed Web</h2>
           <span class="divider"></span>
           <h3 class="subhead-main">A peer-to-peer hypermedia protocol<br /> to make the web faster, safer, and more open.</h3>
           <div class="cta">
-            <a class="button button-outlined" href="#implementations">Try it</a>
-            <a class="button button-outlined popup-youtube" href="https://www.youtube.com/watch?v=8CMxDNuuAiQ">Watch demo</a>
+              <a class="button button-outlined" href="#get-started">Get Started</a>
+              <a class="button button-transparent" href="#why">Learn More</a>
           </div>
         </div>
       </div>

less/base.less

@@ -6,6 +6,10 @@
 
 //- Unstyled list
 
+html {
+  scroll-behavior: smooth;
+}
+
 ul.unstyled {
   padding: 0;
   margin: 0;

less/components/option-blocks.less

@@ -24,6 +24,9 @@
     padding: 1rem;
     margin: 1rem 0;
   }
+  .option-block--other {
+    border: 0;
+  }
   .option-block:hover,
   .option-block:focus {
     border-color: @color-teal;