body {
    background-image: url("img/stardust.png") !important;
    background-color: rgb(29, 36, 58);
    font-family: Quicksand, sans-serif;
}

.display-1 {
    font-weight: bold;
}

h1, .h1 {
    font-size: 1.75rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

p, .p {
    font-size: 1rem;
}

a {
    color: rgb(241, 129, 129);
}

a:hover {
    color: rgb(96, 188, 224);
}

.tiny-text {
    font-size: 0.7rem;
}

.nav-bg {
   background-image: linear-gradient(to right, rgb(231, 111, 111) 0%, rgb(199, 139, 99) 19%, rgb(187, 194, 130) 32%, rgb(99, 194, 142) 42%, rgb(67, 153, 187) 79%, rgb(163, 122, 216) 100%);
}

.nav-link {
    color: rgb(29, 36, 58);
    font-weight: bold;
}

.nav-link:hover {
    color: white;
}

.dropdown-item:hover, .list-group-item, .img-thumbnail {
    background-color: rgb(29, 36, 58);
}

.card, .dropdown-menu, textarea {
    background-color: rgb(47, 59, 91);
}

.table {
  --bs-table-bg: var(--bs-body-bg-rgb) !important;
}

.btn-primary {
    background-color: rgb(241, 129, 129);
    border: rgb(241, 129, 129);
}

.btn-primary:hover {
    background-color: rgb(96, 188, 224);
    border: rgb(96, 188, 224);
}

.badge-bg-red {
    background-color: rgb(231, 111, 111);
}

.badge-bg-yellow {
    background-color: rgb(179, 166, 57);
}

.badge-bg-green {
    background-color: rgb(81, 173, 123);
}

.badge-bg-purple {
    background-color: rgb(154, 114, 207);
}

.badge-bg-brown {
    background-color: rgb(109, 82, 66);
}

.badge-bg-gray {
    background-color: rgb(114, 108, 117);
}

.img-thumbnail {
    border-color: white;
}