:root {
  --site-color-main: #13889b;
  --site-color-dark: #083a42;
}

.bg__main {
  background: var(--site-color-main);
}

.border__main {
  border: solid 1px var(--site-color-main);
  border-radius: 5px;
}

.btn__ghost {
  background: transparent;
  border: solid 1px var(--site-color-main);
  color: var(--site-color-dark);
}

.btn__category {
  border: solid 1px var(--site-color-dark);
}

.btn__category:hover {
  border: solid 1px var(--site-color-main);
  background: var(--site-color-main);
  color: white;
}

.btn__category.active {
  border: solid 1px var(--site-color-dark);
  background: var(--site-color-dark);
  color: white;
}

.text__main {
  color: var(--site-color-dark);
}

.app__description {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 6em;
  line-height: 1.5em;
}

.cardApp {
  transition: .75s ease-in-out;
}

.appForm {
  border-radius: 5px;
}

.form__login {
  width: 350px;
  height: auto;
}

.copyTarget {
  cursor: pointer;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--site-color-main);
}

.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--site-color-dark);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}