/* ---------------------------text ------------------------- */

.roboto-condensed-thick {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.text-teal {
  color: rgb(0, 100, 100);
}
.text-orange {
  color: orange;
}
.text-red {
  color: rgb(252, 67, 67);
}
.text-grey{
  color: rgb(90, 90, 90);
}
.text-blue{
  color: blue;
}

/* --------------------------------buttons------------------------------------- */

.btn {
  border-radius: 8px;
  border: 1px solid transparent;
  padding: 1px 2rem;
  font-weight: bolder;
  font-size: medium;
  text-decoration: none;
}
.btn-teal {
  background-color: teal;
  color: white;
}
.btn-teal:hover {
  background-color: rgb(0, 105, 105);
  color: white;
}

.d-flex{
  display: flex;
}

.m-1{
  margin: 1rem;
}