Fix some image paths

styles/_buttons.scss

@@ -73,7 +73,7 @@ button[disabled="disabled"] {
   }
   &::after {
     display: inline-block;
-    content: url(../../img/icons/arrow-right.svg);
+    content: url(../img/icons/arrow-right.svg);
     vertical-align: middle;
     padding-left: 8px;
     -webkit-transition: transform 0.3s ease-out;

styles/_pages.scss

@@ -46,7 +46,7 @@
   }
 
   #get-started {
-    $gs-cards: ["orange-yellow ", "magenta-orange", "purple-blue-green", "light-blue", "green-blue"];
+    $gs-cards: ["orange-yellow", "magenta-orange", "purple-blue-green", "light-blue", "green-blue"];
     @for $i from 1 through 5 {
       .col-new-card:nth-child(#{$i}) {
         background-image: url("../img/cards/3col-#{nth($gs-cards, $i)}.svg")

styles/light/_light-theme.scss

@@ -22,11 +22,6 @@ h1, h2, h3, h4, h5, h6,
 }
 
 // Colors
-$navbar-light-color: $dark;
-$navbar-light-hover-color: $secondary;
-$navbar-light-active-color: $primary;
-
-
 .search, .input-group {
   .input-group-text {
     background-color: $gray-200;
@@ -75,9 +70,13 @@ a, nav a {
     }
   }
 
-  &:hover {
+  &:hover, &:active, &.active {
     color: $light-link-hover-color;
   }
+
+  &:focus {
+    background-color: transparent;
+  }
 }
 
 .longform {