main.scss refacroring & cleaning up;

assets/style/main.scss

@@ -28,14 +28,18 @@ a {
   color: #3f9cea;
   text-decoration: none;
   border-bottom: 1px solid rgba(63, 156, 234, 0.25);
-}
 
-a:hover {
-  border-bottom: 1px solid rgba(63, 156, 234, 0.5);
-}
+  &:hover {
+    border-bottom: 1px solid rgba(63, 156, 234, 0.5);
+  }
 
-a:active {
-  border-bottom: 1px solid rgb(63, 156, 234);
+  &:active {
+    border-bottom: 1px solid rgb(63, 156, 234);
+  }
+
+  &.invisible {
+    border-bottom: none;
+  }
 }
 
 h3 a {
@@ -52,10 +56,6 @@ h3 a {
   }
 }
 
-a.invisible {
-  border-bottom: none;
-}
-
 ul.submenu {
   list-style: none;
   display: inline-block;