Navbar styling and more general css

src/layouts/index.html

@@ -3,10 +3,14 @@
   <div class="container">
     <div class="row">
       <div class="col">
-        <h1>Keep what<br>is yours.</h1>  
+        <h1>Keep what<br><span style="float:right;">is yours.</span></h1>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-6">
+        <p class="lead">The revolution is here. We’re calling on all open-source devs to authenticate their Github with tea.</p>
       </div>
     </div>
   </div>
 </section>
-
 {{ end }}

src/static/css/style.css

@@ -16,6 +16,14 @@ body{
   }
 }
 
+/* Navbar General */
+
+.navbar{
+  background-color: #1a1a1a !important;
+  height: 80px;
+  border-bottom: 2px solid #949494;
+}
+
 /* Brand Colors */
 
 .teal{
@@ -57,12 +65,27 @@ body{
   src: url("/fonts/PPNeueMachina-InktrapLight.woff");
 }
 
+@font-face {
+  font-family: "sono";
+  src: url("/fonts/Sono-Light.woff2");
+}
+
 h1{
   font-family: "pp-neue-machina", sans-serif;
   color:#00ffd0;
   text-transform:uppercase;
 }
 
+h2{
+  font-family: "pp-neue-machina", sans-serif;
+  color:#00ffd0;
+}
+
+p{
+  font-family: "sono", sans-serif;
+  color: #ffffff;
+}
+
 /* Breakpoint-Specific Typography */
 
 
@@ -73,4 +96,17 @@ h1{
     line-height: 240px;
   }
 
+  h2{
+    font-size: 110px;
+    line-height: 160px;
+  }
+
+  .lead{
+    font-size: 28px !important;
+  }
+
+  p{
+    font-size: 20px;
+  }
+
 }