/* Style Sheet for Text Based Navigation Example.  */

/* Attributes that below to all four states of the link  */

.nav-link a:link,
.nav-link a:visited,
.nav-link a:active,
.nav-link a:hover {
  display: block;
  text-decoration: none;
  color: white;
  font-size:2em;
  font-weight: bold;
  font-family: 'Arial';
  padding: 5px;
  margin: 0;
}

/* Attributes of three of the four states of a link. */

.nav-link a:link font,
.nav-link a:active font,
.nav-link a:hover font {
  opacity: 1;
}

/* Attributes of the last of the four states of a link. */

.nav-link a:visited  {
  opacity: .75;

/* Additional attributes when the cursor hovers over a link. */

}
.nav-link a:hover {
  background: #c2a674;
  color: white;
}

/* Additional attributes for links that are active. */

.nav-link a:active {
  background: #d6ccb1;
}