feat: improve link styles

src/App.vue

@@ -73,24 +73,22 @@ export default class App extends Vue {
 		background: #fff;
 	}
 
-	a {
+	a, a:visited {
 		display: inline-block;
 		position: relative;
-		color: #fff;
+		color: #cbcbcb;
 
 		cursor: pointer;
 
-		&:visited {
-			color: #fefefa;
-		}
+		transition: color .2s ease-in-out;
 
 		&:after {
 			content: '';
 
 			display: block;
 			position: absolute;
-				margin-left: 5%;
-				width: 90%;
+				margin-left: 0%;
+				width: 100%;
 				height: .15rem;
 
 			background: #3333be;
@@ -100,9 +98,13 @@ export default class App extends Vue {
 			transform-style: preserve-3d;
 		}
 
-		&:hover:after {
-			margin-left: 0;
-			width: 100%;
+		&:hover{
+			color: #fff;
+
+			&:after {
+				margin-left: 5%;
+				width: 90%;
+			}
 		}
 	}
 </style>