site.css

pre {
  margin: 6px 0;
  background: rgba(250, 250, 250, 0.25);
  padding: 6px;
  border: thin solid #eee;
}

header {
  background-color: #88BE71;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Candal', sans-serif;
}

a {
  color: #3F7C25;
  text-decoration: none;
  line-height: inherit;
}
a:hover, a:focus {
  color: #708F63;
}
a img {
  border: none;
}

button, .button {
  background-color: #3F7C25;
  border-color: #88BE71;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: rgba(63, 124, 37, 0.50);
}

.side-nav li a:not(.button) {
  color: #3F7C25;
}
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  color: #708F63;
}
.panel {
  border: none;
  background: #88BE71;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: black;
}

.main-content {
  padding-top: 5px;
}