nav {
  font-size: 120%;
  margin-bottom: 1em;
  background-color: #19b794;
}

nav .columns, footer .columns {
  padding: .5em;
  color: #000;
  text-decoration: none;
}

nav .columns.active {
  background-color: #a13c86;
  color: #fff;
}

table {
  width: 100%;
}

footer {
  text-align: right;
  margin-top: 2em;
  background-color: #19b794;
}

a {
  color: #19b794;
}

a:hover {
  color: #a13c86;
}

h1, h2, h3 {
  color: #a13c86;
}

.hero {
  margin-bottom: 1em;
}

.hero > img {
  width: 100%;
  max-width: 100%;
}