html, body{
  font-family: Arial, Helvetica, sans-serif;
  background-color: black;
}

#nav {
  width: 100%;
  background-color: black;
}

#nav a {
  color: #5a5a5a;
  font-size: 14px;
  font-weight: bold;
  padding: 25px 20px;
  text-transform: uppercase;
  color: white;
}

#nav ul {
  padding-top: 10px;
  padding-bottom: 10px;
}

#nav li {
  display: inline;
}

.selfie {
  height: 200px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.portrait {
  height: 250px;
  width: 300px;
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

.homepage-text p {
  padding-top: 10px;
  padding-bottom: 10px;
}

.info-panel-gold {
  background-color: #CEB888;
  padding-bottom: 20px;
}

.garnet-header {
  color: #782f40;
}

.info-panel-blue {
  background-color: #C3CCDB;
  padding-bottom: 20px;
}

.dark-blue-header {
  color: #37424A;
}

.tally {
  margin-bottom: 0px;
  color: white;
  background-color: black;
}