/* css styles */
:root {
  --bs-gold: #ffc627;
  --bs-maroon: #8c1d40;
  --bs-orange: #ff7f32;
  --bs-blue: #00a3e0;
  --bs-green: #78be20;
  --bs-grey: #747474;
  --bs-info: #00a3e0;
  --bs-danger: #8c1d40;
  --bs-warning: #ffc627;
  --bs-success: #78be20;
}

@media (min-width: 1000px){

body .page-columns {
    display: grid;
    gap: 0;
    grid-template-columns: [screen-start] 1.5em [screen-start-inset] 5fr [page-start page-start-inset] 35px [body-start-outset] 35px [body-start] 1.5em [body-content-start] minmax(0px, calc(950px - 3em)) [body-content-end] 1.5em [body-end] 35px [body-end-outset] 35px [page-end-inset] minmax(75px, 145px) [page-end] 5fr [screen-end-inset] 1.5em [screen-end];
}
}

 /* Typography */
h1 {
  text-align: center;
}

h2 {
  display: inline-block;
  border-left: 10px solid var(--bs-gold);
  border-bottom: none;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 10px;
}

.lead {
  text-align: center;
}

.huge {
  font-size: 350%;
  display: block;
  text-align: center;
  font-weight: bold;
  padding-top: 10%;
  color: var(--bs-gold);
}

.center {
  text-align: center;
  display: block;
}

.alert {
  background: var(--bs-gold);
}

/* Navbar */

.navbar-brand > img {
  max-height: 36px;
}

.navbar-title {
  background: var(--bs-gold);
  padding: 0.3em;
}

.navbar {
  font-size: 1.1rem;
  font-weight: 600;
}

/* Style the links inside the navigation bar */
.navbar-nav a {
  float: left;
  display: block;
  padding: 0.5rem;
  border-bottom: 3px solid transparent;
}

.navbar-nav a:hover {
  border-bottom: 10px solid var(--bs-gold);
}

.navbar-nav a.active {
  border-bottom: 10px solid var(--bs-gold);
}