@import url("https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600&family=Work+Sans&display=swap");

body {
  font-family: "Work Sans", sans-serif;
}

nav {
  font-family: "Titillium Web", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
}

ul {
  padding-left: 1rem;
}

h1,
h2,
h3,
h4 {
  font-family: "Titillium Web", sans-serif;
}

/* Pages other than the home page need some extra padding between the
   navigation bar and the page title. Bootstrap doesn't have a
   standard CSS class for that. */
.gambit-page-container {
  padding-top: 3.5rem;
}

h1 {
  margin-bottom: 1rem;
}

h2 {
    margin-top: 1rem;
    marbin-bottom: 1rem;
}

footer {
  font-family: "Titillium Web", sans-serif;
}

.btn {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
}

.btn-primary {
  color: #000000;
  background-color: #fdf566;
  border-color: #d6cf50;
}

.display-3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
}