#nav-square-nav-left, #nav-square-nav-right {
  width: 20px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  margin-top: 12px;
  margin-bottom: 12px;
}

#nav-square-nav-left {
  background: white;
  margin-right: 6px;
}

#nav-square-nav-right {
  background: #888888;
}

#nav-square-nav-left:hover, #nav-square-nav-right:hover {
  background: white;
}

#nav-square-nav-left {
  position: relative;
  left: 50%;
  transform: translateX(-26px);
}

#nav-square-nav-right {
  position: relative;
  left: 50%;
  transform: translateX(-20px);
}

#bio-page #nav-square-nav-left {
  background: #888888;
}

#bio-page #nav-square-nav-right {
  background: white;
}

#bio-page #nav-square-nav-left:hover, #bio-page #nav-square-nav-right:hover {
  background: white;
}

.bio-wrapper {
  max-width: 600px;
  margin: 160px auto 0 auto;
  padding: 0 20px;
  color: white;
  line-height: 1.6;
}

.bio-text {
  font-size: 18px;
  margin-bottom: 40px;
  color: white;
}

.bio-link {
  display: inline-block;
  font-size: 18px;
  margin-bottom: 40px;
  text-decoration: none;
  color: white;
  border-bottom: 1px solid white;
}

.bio-link:hover {
  opacity: 0.6;
}

.bio-contact p {
  margin: 4px 0;
  font-size: 16px;
  color: white;
}

.bio-wrapper {
}