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

.bg-coffee {
  background-color: #3e1c11;
}
.bg-cream {
  background-color: #f7e4c9;
}
.text-coffee {
  color: #3c2f1e;
}
.text-beige {
  color: #6c584c;
}
.btn-signup {
  background-color: #f4ab44;
  color: #fff;
  border: 2px solid #f4ab44;
  font-size: small;
}
.btn-signup:hover {
  background-color: #e76f51;
  border: 2px solid #e76f51;
}
.btn-learn {
  border: 2px solid #766f65;
  background-color: transparent;
  color: #3c2f1e;
  font-size: smaller;
}
.logo {
  max-width: 100px; 
  height: auto; 
}

.btn-learn:hover {
  background: transparent;
  border: 2px solid #918778;
}
a {
  text-decoration: none;
}
.text-gray {
  color: gray;
  font-size: small;
}
.btn-warning {
  background-color: #f4ab44;
  color: white;
}
.text-warning {
  color: #f4ab44 !important;
}