css: Improve visibility of a focused nav.main element

Previously the only indicator was the standard :focus outline rule, this
should make the focused element on the main page very clear.

1 files changed, 5 insertions, 0 deletions

diff --git a/scss/style.scss b/scss/style.scss
index 91141cf..78a9066 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -89,6 +89,11 @@ nav.main li a:hover {
 	color: white;
 }
 
+nav.main li a:focus {
+	background-color: black;
+	color: white;
+}
+
 article {
 	margin: 1rem auto;
 	max-width: 1024px;