a:link {
  color: #303030;
  background-color: white;
  text-decoration: none;
  font-family: 'Overpass';
}
a:visited {
  color: #303030;
  text-decoration: none;
  font-family: 'Overpass';
}

.navHome {
  font-variant: small-caps;
}
a.navHome:hover {
  color: white;
  background-color: black;
}
a.navHome:active {
  color: white;
  background-color: black;
}

.navPerson {
  font-variant: small-caps;
}
span.navPerson {
  color: #408020;
}
a.navPerson:hover {
  color: #ffffff;
  background-color: #408020;
}
a.navPerson:active {
  color: #ffffff;
  background-color: #408020;
}

.navAuthor {
  font-variant: small-caps;
}
span.navAuthor {
  color: #c74040;
}
a.navAuthor:hover {
  color: #ffffff;
  background-color: #c74040;
}
a.navAuthor:active {
  color: #ffffff;
  background-color: #c74040;
}

.navIllustrator {
  font-variant: small-caps;
}
span.navIllustrator {
  color: #303870;
}
a.navIllustrator:hover {
  color: #ffffff;
  background-color: #303870;
}
a.navIllustrator:active {
  color: #ffffff;
  background-color: #303870;
}

.navRpgdesigner {
  font-variant: small-caps;
}
span.navRpgdesigner {
  color: #633060;
}
a.navRpgdesigner:hover {
  color: #ffffff;
  background-color: #633060;
}
a.navRpgdesigner:active {
  color: #ffffff;
  background-color: #633060;
}

.navProgrammer {
  font-variant: small-caps;
}
span.navProgrammer {
  color: #d08020;
}
a.navProgrammer:hover {
  color: #ffffff;
  background-color: #d08020;
}
a.navProgrammer:active {
  color: #ffffff;
  background-color: #d08020;
}

.navScientist {
  font-variant: small-caps;
}
span.navScientist {
  color: #008060;
}
a.navScientist:hover {
  color: #ffffff;
  background-color: #008060;
}
a.navScientist:active {
  color: #ffffff;
  background-color: #008060;
}

.navBlog {
  font-variant: small-caps;
}
span.navBlog {
  color: #006992;
}
a.navBlog:hover {
  color: #ffffff;
  background-color: #006992;
}
a.navBlog:active {
  color: #ffffff;
  background-color: #006992;
}

.navContact {
  font-variant: small-caps;
}
span.navContact {
  color: #808080;
}
a.navContact:hover {
  color: #ffffff;
  background-color: #808080;
}
a.navContact:active {
  color: #ffffff;
  background-color: #808080;
}

.navLinks {
  font-variant: small-caps;
}
span.navLinks {
  color: #907800;
}
a.navLinks:hover {
  color: #ffffff;
  background-color: #907800;
}
a.navLinks:active {
  color: #ffffff;
  background-color: #907800;
}

p.tNavBar {
  font-size: 1.4rem;
  text-align: center;
  font-weight: bold;
}