html,
body {
  min-height: 100%;
  background-color: ghostwhite !important;
  background-image: radial-gradient(circle, lightsteelblue 1px, ghostwhite 1px) !important;
  background-size: 15px 15px !important;
  background-attachment: fixed !important;
}

@media (prefers-color-scheme: dark) {
  html,
  body {
    background-color: hsl(0 0% 10%) !important;
    background-image: radial-gradient(circle, hsl(0 0% 14%) 1px, hsl(0 0% 10%) 1px) !important;
  }
}
html.dark,
html.dark body {
  background-color: hsl(0 0% 10%) !important;
  background-image: radial-gradient(circle, hsl(0 0% 14%) 1px, hsl(0 0% 10%) 1px) !important;
}

html.light,
html.light body {
  background-color: ghostwhite !important;
  background-image: radial-gradient(circle, lightsteelblue 1px, ghostwhite 1px) !important;
}
a {
  color: #d91e4d !important;
}
a:hover {
  color: #ff0026 !important;
}
.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: #d91e4d !important;
  border-color: #d91e4d !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #ff0026 !important;
  border-color: #ff0026 !important;
}
.btn-primary:focus,
.btn-check:checked + .btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(217, 30, 77, .5) !important;
}
.page-link {
  color: #d91e4d !important;
}
.page-item.active .page-link {
  background-color: #d91e4d !important;
  border-color: #d91e4d !important;
}
.page-link:hover {
  color: #ff0026 !important;
}