From 172619fdbdd928893e8b571fe8a34e1121dd1b8f Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Fri, 21 Dec 2018 21:27:22 +0000
Subject: [PATCH] Change focus/hover states on nav title

---
 css/nav.css | 26 ++++++++++----------------
 1 file changed, 10 insertions(+), 16 deletions(-)

diff --git a/css/nav.css b/css/nav.css
index f1f5dca..04c76cd 100644
--- a/css/nav.css
+++ b/css/nav.css
@@ -48,15 +48,13 @@
   flex-grow: 1;
 }
 
-.nav__title {
-  font-family: var(--heading-font-family);
-  font-size: 2.5rem;
-  margin-right: 62px;
-}
-
 .nav__title-link {
-  display: block;
+  display: inline-block;
   position: relative;
+  width: 72px;
+  height: 72px;
+  border-radius: 50%;
+  transition: box-shadow var(--transition-fs) ease-out;
 }
 
 .nav__title-link,
@@ -66,18 +64,14 @@
   color: #fff;
 }
 
+.nav__title-link:focus {
+  box-shadow: 0 0 0 2px var(--color-dark-blue), 0 0 0 4px #fff;
+}
+
 .nav__title-link-image {
   position: absolute;
   top: 0;
   left: 0;
-  width: 72px;
-  height: 72px;
-  opacity: 0;
-  transition: opacity var(--nav-transition-duration) ease-out;
-}
-
-.nav__title-link:hover .nav__title-link-image {
-  opacity: 1;
 }
 
 .nav__close {
@@ -128,7 +122,7 @@
 
 .nav__list {
   font-family: var(--heading-font-family);
-  font-size: 1.5rem;
+  font-size: 1.2rem;
 }
 
 .nav__list .nav__list {