html {
  background-color:rgb(55, 112, 80);
  color: whitesmoke;
  font-family: sans-serif;
}

header {
  text-transform: uppercase;
}

a,
a:visited,
a:hover {
  color: whitesmoke;
}

nav {
  display: flex;
  flex-flow: row nowrap;
  font-size: 1.5rem;
  justify-content: start;
}

nav > div {
  padding-right: 16px;
}

nav a.active {
  font-weight: bold;
}

@media (max-width: 45em) {
  nav {
    display: flex;
    flex-flow: column nowrap;
  }

  nav > div {
    margin-bottom: 8px;
  }
}

.clubs {
  display: flex;
  flex-flow: row wrap;
}

.club-tile a,
.club-tile a:visited,
.club-tile a:hover
 {
  color: whitesmoke;
}

.kingball-overview {
  max-width: 600px;
}