:root {
  --navy: #172c66;
  --orange: #ff691e;
  --pink: #ffcfe1;
  --green: #aaf5aa;
  --blue: #8bd3dd;
  --yellow: #f9e254;
  --white: #ffffff;
  --cream: #fef6e4;
  --dark-cream: #ffe3a6;
}
body {
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  line-height: 1.8;
  font-weight: 400;
}
input {
  height: 3rem;
}
a {
  text-decoration: none;
}
a:hover,
button:hover {
  filter: brightness(1.75);
}
.text-white {
  color: var(--white) !important;
}
.text-navy {
  color: var(--navy) !important;
}
.bg-orange {
  background: var(--orange) !important;
}
.bg-pink {
  background: var(--pink) !important;
}
.bg-blue {
  background: var(--blue) !important;
}
.bg-green {
  background: var(--green) !important;
}
.bg-cream {
  background: var(--cream) !important;
}
.bg-yellow {
  background: var(--yellow) !important;
}
.card {
  border: 3px solid var(--navy) !important;
  border-radius: 7px !important;
  box-shadow: 7px 7px var(--dark-cream) !important;
}
.table {
  border-color: var(--navy);
}
.btn {
  color: var(--white);
  background: var(--navy);
}
.btn:hover {
  color: var(--white);
}
.navbar-toggler:focus {
  box-shadow: none;
}
.ws-nowrap {
  white-space: nowrap;
}