add: scroll padding

Author: jvogit

css/extra.css

@@ -1,6 +1,9 @@
 body {
     background-color: #363636;
 }
+html {
+    scroll-padding-top: 50px;
+}
 p, .navbar-menu a, .title {
     color: white;
 }

index.html

@@ -32,7 +32,7 @@
       </div>
       <div class="navbar-menu">
         <div class="navbar-start">
-          <a href ="#" class="navbar-item">Home</a>
+          <a href ="#home" class="navbar-item">Home</a>
           <a href="#projects" class="navbar-item">Projects</a>
         </div>
         <div class="navbar-end">
@@ -47,7 +47,7 @@
   </nav>
   <!-- END NAVIGATION -->
   <!-- START MAIN -->
-  <section class="hero is-primary">
+  <section class="hero is-primary" id="home">
     <div class="hero-body">
       <div class="container">
         <div class="greeting columns is-mobile">