Improve accessibility features

assets/css/style.scss

@@ -61,6 +61,7 @@ em {
 a {
     color: var(--jet);
     text-decoration: underline;
+	border-radius: 2px;
     -webkit-transition: color 200ms ease-in-out;
     -o-transition: color 200ms ease-in-out;
     transition: color 200ms ease-in-out;
@@ -70,8 +71,14 @@ a {
     &:active {
         color: var(--black);
     }
-}
 
+	&:focus-visible {
+		outline: 1px dashed var(--black);
+		outline-offset: 2px;
+		-webkit-animation: expand-outline 200ms ease-out;
+	    animation: expand-outline 200ms ease-in-out;
+	}
+}
 
 // General grid layout
 
@@ -286,24 +293,33 @@ footer {
 			border-top: 1px solid var(--granite-gray);
 		}
 
-		a,
-		span {
-			display: block;
+		div {
 			padding: 1rem 0;
-			color: var(--light-gray);
-			text-decoration: none;
 			-webkit-transform: translateX(100%);
 			-ms-transform: translateX(100%);
 			transform: translateX(100%);
 			-webkit-transition: transform 400ms ease-in-out;
 			-o-transition: transform 400ms ease-in-out;
 			transition: transform 400ms ease-in-out;
-		}
 
-		a:hover,
-		a:focus,
-		a:active {
-			color: var(--white);
+			a,
+			span {
+				color: var(--light-gray);
+			}
+
+			a {
+				text-decoration: none;
+
+				&:hover,
+				&:focus,
+				&:active {
+					color: var(--white);
+				}
+
+				&:focus-visible {
+					outline: 1px dashed var(--white);
+				}
+			}
 		}
 	}
 
@@ -323,8 +339,7 @@ footer {
 		@for $i from 1 through 20 {
 			.header-bar__nav-item-#{$i} {
 
-				a,
-				span {
+				div {
 					-webkit-transform: translateX(0);
 					-ms-transform: translateX(0);
 					transform: translateX(0);
@@ -626,7 +641,7 @@ footer {
 		}
 
 		li + li {
-			margin: 0.5rem 0 0 0;
+			margin: 1rem 0 0 0;
 		}
 
 		li:before {
@@ -666,6 +681,7 @@ footer {
         margin: 1rem auto 0 auto;
         font-size: var(--caption-font-size);
         font-style: italic;
+        line-height: var(--text-line-height);
     }
 }
 
@@ -783,6 +799,7 @@ footer {
 
 
 		&:hover,
+		&:focus,
 	    &:active {
 			transform: scale(1.1);
 	    }