:root {
  --brand: #006D77;
  --brand-2: #83C5BE;
}
.btn-teal { background: var(--brand); border-color: var(--brand); }
.btn-teal:hover { filter: brightness(0.95); }
.card { transition: transform .2s ease, box-shadow .2s ease; }


html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}