@import url("https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&family=Pridi:wght@200;300;400;500;600;700&family=Ubuntu&display=swap");

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
  background-color: #fef9ec;
}

button {
  border-radius: 6px;
  background-color: --tailwind-accent;
  border: #ee8612 solid 2px;
  color: white;
  padding-block: 4px;
}

.btn {
  border-radius: 6px;
  background-color: #ee8612;
  color: white;
  padding-block: 6px;
  padding-inline: 12px;
  cursor: pointer;
}

button[type="submit"] {
  border-radius: 6px;
  background-color: #ee8612;
  color: white;
  padding-block: 4px;
}

input,
textarea {
  background-color: transparent;
  border: solid 2px #431505;
  padding: 0.5rem;
  color: #431505;
  border-radius: 6px;
  width: 100%;
  display: block;
  margin-top: 0.25rem;
  resize: none;
}

input:focus,
textarea:focus {
  border: #ee8612 solid 2px;
  outline: none;
}

button:focus {
  border: white solid 2px;
  outline: none;
}

.nav-tab {
  color: #111111;
  text-decoration: none;
  cursor: pointer;
  font-family: "Pridi", "serif";
}

.nav-tab:hover {
  color: #ee8612;
}

.nav-active {
  cursor: default;
  color: #ee8612;
  text-decoration: underline;
  text-decoration-color: #ee8612;
}