Better style for links

assets/main.css

@@ -5,6 +5,19 @@ body {
 	background-color: #fff;
 }
 
+a {
+  color: #700080;
+  text-decoration: underline;
+}
+a:hover {
+  color: #9020a0;
+  text-decoration: none;
+}
+a:visited {
+  color: #500040;
+  text-decoration: underline;
+}
+
 img {
   max-width: 500px;
 }
@@ -54,20 +67,24 @@ nav {
 	background-color: #708;
 	text-align: right;
 }
-nav a {
-	color: #fff;
+nav a,
+nav a:visited {
+	color: #eee;
 	background-color: #708;
 	font-weight: bold;
 	text-decoration: none;
+  padding: 0 1em 0 1em;
+  maring: 0 0.2em 0 0.2em;
 }
 nav a:hover {
-	text-decoration: underline;
+	color: #fff;
+	background-color: #92a;
 }
+
 nav ul {
 	display: inline;
 }
 nav li {
-	padding-right: 2em;
 	display: inline;
 }