body {
  background-color: white;
 font-family: sans-serif;
}
h1 {
  align: center;
}
nav a {
  display: inline-block;
  padding: .4em;
  text-decoration: none; 
  font-weight: bold;
  border: 1px solid darkblue;
  border-radius: 10px;
  color: gold; 
  background-color: darkblue; 
  transition: all .25s ease-in;	  
}

nav li[aria-current] a {
  background-color: firebrick; 
  display: inline-block;
  color: gold;
}
	
nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {    
  color: darkblue; 
  display: inline-block;
  background-color: gold;
}
nav ul {
  display: flex;
  flex-direction: column;
} 

nav li {
  list-style: none;
  margin: 0.5em;
  padding: 0;
  font-size: 1.5em;  
}

@media (min-width: 45em) {
  nav ul {	
    flex-direction: row;  
  }
  nav li {
    font-size: 1em;
  }  
}