add extra focus selectors to every hover selector

#33

theme/static/css/main.css

@@ -129,6 +129,7 @@ body > header img {
 	padding-right: 0.3rem;
 	transition: all 0.2s;
 }
+#sitemenu-container nav > ul > li > a:focus,
 #sitemenu-container nav > ul > li > a:hover {
 	color: var(--category-contrast-color);
 	background-color: var(--category-color);
@@ -155,6 +156,7 @@ body > header img {
 	padding-top: calc(var(--header-menu-button-size) / 2 - 0.75rem);
 	text-align: center;
 }
+#sitemenu-container .show-header-menu:focus,
 #sitemenu-container .show-header-menu:hover {
 	background-color: var(--header-menu-hover-bg-color);
 	/*border-bottom: 0.2rem solid #536;*/
@@ -290,6 +292,7 @@ a {
 	color: var(--link-color);
 	text-decoration: none;
 }
+a:focus,
 a:hover {
 	text-decoration: underline;
 }
@@ -523,6 +526,7 @@ ul.cards li a {
 	/* text-align: center; */
 	border: 0.2rem solid var(--category-color);
 }
+ul.cards li a:focus,
 ul.cards li a:hover {
 	background-color: var(--category-contrast-color);
 	color: var(--category-color);
@@ -554,6 +558,11 @@ ul.cards li a:hover {
 	text-decoration: underline;
 }
 
+.info a:focus,
+.success a:focus,
+.warning a:focus,
+.danger a:focus,
+.alert a:focus,
 .info a:hover,
 .success a:hover,
 .warning a:hover,
@@ -744,7 +753,8 @@ ul.cards li a:hover {
 		line-height: 2rem;
 		/* border-top: 0.1rem solid #333; */
 	}
-	/*#sitemenu-container a:hover {
+	/*#sitemenu-container a:focus,
+	#sitemenu-container a:hover {
 		border-bottom: 0.1rem solid #536;
 	}*/
 	#sitemenu-container input[type=checkbox]:checked ~ .show-header-menu-bg {