html, body {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}
.container {
  flex: 1;
}
.bg-kofi-1 {
  background: #d1cfc7 !important;
}
.bg-dark-kofi-1 {
  background-color: #292723 !important;
}
.creamy-color-1 {
  color: #f3e2b0 !important;
}
.creamy-color-2 {
  color: #b1ab9a !important;
}
.bg-footer-kofi-1 {
  background: #33312e !important;
}
footer {
  background-color: #353232 !important;
  color: white !important;
  margin-top: auto;
}
.color-kofi-1 {
  color: #818172 !important;
}
.color-kofi-1:hover {
  color: #43433d !important;
}
.color-kofi-dark {
  color: #30302e !important;
}
.color-kofi-2 {
  color: #e7e7e7 !important;
}
.color-kofi-2:hover {
  color: #adacac !important;
}