body {
  padding: 0;
  margin: 0;
  background: #f2f6e9;
  height: 100%;
}
/*--- navigation bar ---*/
.navbar {
  background: #34aeeb;
}
.nav-link,
.navbar-brand {
  color: #fff;
  cursor: pointer;
}
.navbar-brand:hover {
  color: #fff;
  font-weight: bold;
}
.nav-link {
  margin-right: 1em !important;
}
.nav-link:hover {
  color: #fff;
  font-weight: bold;
}
.navbar-collapse {
  justify-content: flex-end;
}
.btn {
  background-color: #34aeeb;
}
.btn:hover {
  background-color: #34aeeb;
}
a.button-link:link {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background-color: #34aeeb;
}
a.button-link:visited {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background-color: #34aeeb;
}
a.button-link:hover {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background-color: #34aeeb;
}
a.button-link:active {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background-color: #34aeeb;
}
.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}

.d-inline-block {
  color: #046799;
}

.flex-container > div {
  margin: 10px;
  white-space: nowrap;
}

.container,
.jumbotron {
  background: #f2f6e9;
}