html {
  font-size: 20px;
  scroll-padding-top: 125px;
}

:root {
  --intro: #086788;
  --timeline: #F0C808;
  --livestream: #086788;
  --why: #086788;
  --contact: #086788;
  --rally: #DD1C1A;
  --resources: #086788;
  --social-media: #086788;
  --legal: #086788;
  --press: #086788;
  --update: #DD1C1A;
  --news: #086788;
}

.bg-body-tertiary {
  background-color: white !important;
}

.intro .bg-body-tertiary {
  border: 3vw solid var(--intro);
  border-width: 1px 1.5vw;
  background-color: white !important;
}

.timeline .bg-body-tertiary {
  border: 5vw solid var(--timeline);
  border-width: 1px 3vw;
  background-color: white !important;
}

.timeline ul>li {
  border-bottom: 1px solid var(--timeline);
  padding: 1rem;
}

.timeline li:last-child {
  border-bottom: none;
}


.update .bg-body-tertiary {
  border: 5vw solid var(--update);
  border-width: 1px 3vw;
  background-color: white !important;
}

.update h2 {
  border-bottom: 3px solid var(--update);
}

.nav-update {
  border-bottom: 1px solid var(--update) !important;
  border-top: 1px solid var(--update) !important;
}

.livestream .bg-body-tertiary {
  border: 5vw solid var(--livestream);
  border-width: 1px 3vw;
  background-color: white !important;
}



.why-fight h2 {
  border-bottom: 3px solid var(--why);
}

.final-rally {
  border-left: 4vw solid var(--rally);
  border-right: 4vw solid var(--rally);
}

.contact .bg-body-tertiary {
  border: 3vw solid var(--contact);
  border-width: 1px 2vw;
  background-color: white !important;
}

.rally-prep h3 {
  border-bottom: 3px solid var(--rally);
}

.legal h2 {
  border-bottom: 3px solid var(--legal);
}

.press h2 {
  border-bottom: 3px solid var(--press);
}

.resources h2 {
  border-bottom: 3px solid var(--resources);
}

.news h2 {
  border-bottom: 3px solid var(--news);
}

.blockquote {
  font-size: 1rem;
}

a {
  color: #0a5dd8;
}

button {
  float: right;
}

button svg {
  margin-bottom: 5px;
}

.social-media h2 {
  border-bottom: 3px solid var(--social-media);
}

.posts {
  display: flex;
  gap: 0.5rem;
  overflow-x: scroll;
  border-bottom: 3px solid var(--social-media);
}

/* https://www.webability.io/blog/skip-to-main-content */
.skip-link {
  position: absolute;
  top: -40px;
  /* Hides it off-screen */
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 1000;
  transition: top 0.3s;
}

.skip-link:focus {
  top: 0;
  /* Brings it into view on focus */
}