body {
  background: url('../img/back.gif') white;
}

.container {
  max-width: 97%;
}

.header {
  background: url('../img/banner_wip.png') center no-repeat #c4cff0;
  min-height: 220px;
}

/* navigation */

nav ul {
  padding-left: 10px;
}

@media only screen and (min-width: 400px) {
  position: fixed;
}

nav li {
  border-left: 4px solid var(--bs-primary);
  color: var(--bs-primary);
  font-variant: small-caps;
  list-style: none;
  margin-top: 10px;
  padding: 5px 5px 5px 8px;
  transition: all 0.25s;
}

nav li:hover {
  border-left: 10px solid var(--bs-primary);
  transition: all 0.25s;
}

/* main */

a {
  text-decoration: none;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-header {
  font-weight: bolder;
  font-variant: small-caps;
  font-size: larger;
}

.btn {
  font-weight: bold;
}

.no-result {
  opacity: 0.5;
}