@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

html {
  scroll-behavior: smooth;
  transition: all 0.5s ease;
}


body {
    background-color: #171717;
    color: white;
}
::selection {
    background-color: black;
    color: rgb(11, 154, 202);
}


.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #333; /* darker hover background */
  color: #fff; /* keep text white on hover */
}

.card-group {
    width: 1000px;
    background-color: #101010;
    border-radius: 15px;
}

.bg-dark-slightly {
    background-color: #101010;
    color: white;
}

@media (max-width: 320px) {
  .mobile-width-card {
    width: 320px;
  }
}

.bg-dark-body {
    background-color: #171717;
    color: white;
}

.toast-dark {
  background-color: rgba(33, 37, 41, 0.568);
}

.slideinani {
  animation: animate__bounceInDown ease 2s;
}