:root {
  --bs-body-bg: var(--bs-gray-100);
  --bs-border-color: #f1c232;
  --bs-border-width: 2px;
}

body {
  font-family: "Red Hat Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  color: #434343;
}

.btn-primary {
  --bs-btn-color: #434343;
  --bs-btn-bg: #f1c232;
  --bs-btn-border-color: #f1c232;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fff;
  --bs-btn-hover-border-color: #f1c232;
  --bs-btn-active-bg: #f1c232;
  --bs-btn-active-border-color: #f1c232;
  font-weight: 900;
  font-size: 2em;
}

.btn-outline-info {
  --bs-btn-color: #f1c232;
  --bs-btn-border-color: #f1c232;
  --bs-btn-hover-bg: #f1c232;
  --bs-btn-hover-border-color: #f1c232;
  --bs-btn-active-bg: #f1c232;
  --bs-btn-active-border-color: #f1c232;
  font-weight: 900 !important;
  font-size: 2em;
}

.lead {
  font-size: 4rem;
  font-weight: 600;
  span {
    font-weight: 800;
  }
}

.logo {
  font-weight: 900;
  color: #434343;
}

.callout {
  font-size: 2rem;
  span {
    font-weight: 600;
  }
}

li {
  list-style-type: square;
}

#about {

}

#benefits, #launch {
  h2 {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
  }
  p {
    font-size: 1.7rem;
  }
  ul {
    font-size: 1.5rem;
  }
}

#join {
  p {
    font-size: 1.7rem;
    span {
      font-weight: 600;
    }
  }
}