.bg-darker {
  background: #111111 !important;
}

.text-shadow {
  color: white;
  text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black;
}

.border-intern {
  outline: 3px solid var(--bs-success);
  outline-offset: -4px;
  box-shadow: 2px 2px 0 var(--bs-success) inset, -2px -2px 0 var(--bs-success) inset !important;
}

.border-intern::after {
  content: "";
  outline: 3px solid var(--bs-success);
  outline-offset: -4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 2px 2px 0 var(--bs-success) inset, -2px -2px 0 var(--bs-success) inset !important;
  pointer-events:none;
}

/* @media (prefers-color-scheme: dark) {
  body, .card {
    background: var(--bs-dark);
    color: var(--bs-light);
  }

  * {
    color: var(--bs-light);
  }

  .navbar {
    background: black;
  }

  #logo {
    filter: invert(1);
  }
} */

.color-hover{
  color:#8A8787
}
.color-hover:hover {
  color:#545050
}