fixed typography

app/assets/stylesheets/style.css

@@ -17,15 +17,24 @@ html, body {
     font-family: 'Roboto' !important;
     font-weight: 300;
 }
-
+a {
+    color: #0070d2;
+}
 h1, h2, h3, h4, h5, h6 {
     color: #16325c !important;
+    font-weight: 100;
 }
 /* User defined styles */
 .logo-container {
     display: flex;
     align-items: center;
 }
+
+.main-heading {
+    text-align: center;
+    font-weight: 100;
+}
+
 .logo {
     padding: 20px;
 }
@@ -33,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
 hr {
     padding: 0px;
     margin: 0px;
-    height: 2px;
+    height: 1px;
     background-color: rgb(250, 159, 187);
     background-image: linear-gradient(to right, rgba(250, 159, 187, 0), rgb(191, 76, 118));
 }
@@ -51,6 +60,7 @@ hr {
 .nav a {
     position: relative;
     margin-right: 1em;
+    color: #5E6B7F;
 }
 
 .navigation-buttons {
@@ -61,7 +71,7 @@ hr {
     background: #32B68D;
     padding: 10px 40px;
     border-radius: 3px;
-    color: white;
+    color: white !important;
     transition: 0.1s ease-in-out;
     font-weight: 300;
 }

app/views/pages/index.html.erb

-<h4>Vote-A-Sutra</h4>
+<h3 class="main-heading">Election Results</h3>
 <hr>
 <%@positions.each do |p|%>
 <div style="display:inline-block;  padding:20px">
-<h4><%=p.name%></h4>
+<h5><%=p.name%></h5>
 	<table style="width:100%;">
 	<thead><td>&nbsp;</td><td>Name</td><td>Slogan</td><td>Votes</td><td>&nbsp;</td></thead>
 	<%total = 0%>