html,
body {
  position: relative;
  font-family: "Didact Gothic", sans-serif;
  color: #282828;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
a {
  color: #282828;
  transition: all 0.3s ease;
}
input,
button {
  transition: all 0.3s ease;
}
.font-didact {
  font-family: "Didact Gothic", sans-serif;
}
.font-fira {
  font-family: "Fira Sans", sans-serif;
}
.font-bold {
  font-weight: bold;
}
li {
  list-style: none;
}
ul {
  margin: 0;
  padding: 0;
}

.mh-50px {
  min-height: 50px;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid transparent; /* Optional: Customize border */
  color: #fff;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  background-color: transparent; /* Ensure background stays transparent on interaction */
  border-color: inherit; /* Optional: Customize border on hover/focus/active */
  box-shadow: none; /* Remove shadow on focus */
  color: #fff;
}