body {
  background-color: hsl(0, 0%, 99%);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(-45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, hsla(0, 0%, 100%, 0.1) 75%), linear-gradient(-45deg, transparent 75%, hsla(0, 0%, 100%, 0.1) 75%);
  background-size: 20px 20px;
}

/*overrides bootstrap*/
.container-xxl {
  max-width: 1500px;
}

img {
  max-width: 100%;
}

.nav-link,
a {
  color: hsl(250, 100%, 25%);
}

.list-inline {
  line-height: 3em;
}

ul.navbar {
  padding: 0.9rem;
  margin-top: 0.5rem;
  border: 1px solid hsla(0, 0%, 0%, 0.125);
  border-radius: 0.7rem;
  box-shadow: 3px 0.1rem 0.2rem hsla(0, 0%, 0%, 0.075);
  background-color: hsl(300, 1%, 100%);
}

.card {
  border: 1px solid hsla(0, 0%, 0%, 0.125);
  border-radius: 0.7rem;
  box-shadow: 3px 0.1rem 0.2rem hsla(0, 0%, 0%, 0.075);
  background-color: hsl(300, 1%, 100%);
}
.card .card-header a {
  text-decoration: none;
}
.card h1 {
  font-size: 110%;
}
.card figure img {
  width: 100%;
  border: 1px solid hsl(280, 5%, 20%);
  padding: 0;
  max-width: 100%;
}
.card figure iframe {
  max-width: 100%;
  width: 100%;
}

.pagination .page-item a {
  border: 1px solid hsl(250, 100%, 25%);
  padding: 1rem;
  text-decoration: none;
}
.pagination .page-item a:hover {
  background-color: hsl(250, 100%, 85%);
}

.nbnotes {
  text-decoration: none;
  font-size: 105%;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: hsl(350, 2%, 5%);
    background-image: radial-gradient(hsl(0, 0%, 10%) 1px, transparent 1px);
    background-size: 20px 20px;
    color: white;
  }
  .pagination .page-item a {
    border: 1px solid hsl(350, 2%, 40%);
  }
  ul.navbar,
  .nav,
  .navbar {
    color: hsl(350, 2%, 99%);
    background-color: transparent;
  }
  ul.navbar a,
  .nav a,
  .navbar a {
    color: hsl(350, 2%, 99%);
  }
  ul.navbar {
    box-shadow: 3px 0.1rem 0.2rem hsla(0, 0%, 0%, 0.075);
    border: 1px solid hsl(350, 2%, 40%);
    border-radius: 3px;
  }
  .card {
    border-radius: 3px;
    background-color: transparent;
    border-color: hsl(350, 2%, 40%);
    color: hsl(350, 2%, 99%);
  }
  .card a {
    color: hsl(39, 77%, 93%);
  }
  .card .card-header {
    background-color: hsl(350, 2%, 9%);
  }
  img {
    filter: brightness(0.8) contrast(1.2);
  }
}/*# sourceMappingURL=style4_1.css.map */