@font-face {
  font-family: "Vollkorn";
  src: url("../assets/fonts/Vollkorn/Vollkorn-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vollkorn";
  src: url("../assets/fonts/Vollkorn/Vollkorn-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Vollkorn";
  src: url("../assets/fonts/Vollkorn/Vollkorn-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("../assets/fonts/Lora/Lora-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("../assets/fonts/Lora/Lora-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("../assets/fonts/Lora/Lora-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
  background-color: #ebe6de; /* Replace with your desired color */
  font-family: "Lora", sans-serif !important;
}

.btn-primary {
  --bs-btn-bg: #844a46;
  --bs-btn-border-color: #664441;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #6f3b37;
  --bs-btn-hover-border-color: #4a2d2a;
  --bs-btn-font-size: 20px;

  font-weight: 500;
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #ffffff; /* your text color */
  background-color: #6c757d; /* your bg color */
  border-color: #6c757d; /* your border color */
}

.card {
  --bs-card-border-color: #cead98;
  --bs-card-bg: #cead98;
}

.narrow {
  display: inline-block;
  transform: scaleX(0.9);
}

.narrow-leading {
  transform-origin: left center;
  display: inline-block;
  transform: scaleX(0.9);
}

h2.narrow {
  font-weight: 500;
}

.card-text {
  font-size: 1.25rem;
}