@import url('https://fonts.googleapis.com/css?family=Roboto Slab&display=swap');
/*Inter  Lobster  Pacifico  Comfortaa  Overpass  Roboto Slab */

.custom-shadow {
    box-shadow: 7px 5px 8px 1px black;
}

.bgimg {
    position: relative;
    display: flex;
    justify-content: center;
}

.bgimg img {
    width: 100%;
    position: absolute;
    object-fit: cover;
    z-index: -1;
}

html {
    height: 100%;
}

body {
    font-size: 14px;
    font-family: Roboto Slab, serif;
    background-image: url("../images/font.webp");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    color: azure;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dropdown-menu {
    --bs-dropdown-min-width: 15rem;
}

p,
h2,
h3 {
    color: azure;
}

.carousel-item {
    box-shadow: 7px 5px 8px 1px black;
    background: rgba(0, 0, 0, 0.440)
}

.carousel-indicators [data-bs-target] {
    background-color: black;
}

.crtbtn {
    z-index: 3;
}

.card {
    box-shadow: 7px 5px 8px 1px black;
    background: rgba(0, 0, 0, 0.440);
    color: azure;
}

.card a {
    text-decoration: none;
    color: azure;
}

.carousel-inner a {
    text-decoration: none;
    color: black;
}

.nav-link {
    color: azure;
}

.navbar-nav .nav-link.active {
    color: azure;
}

.navbar-toggler {
    background-color: azure;
}

.sidebar {
    color: azure;
    background: rgba(0, 0, 0, 0.440)
}

.sld-txt,
.ftr-txt,
.btn-outline-primary {
    color: azure;
    margin: auto auto;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

.line-break {
    white-space: pre-line;
}

.badge.bg-warning.text-dark {
    position: absolute;
    top: 10px;
    left: -10px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    box-shadow: 7px 5px 8px 1px black;
}

.badge.bg-warning.m.text-dark {
    position: absolute;
    top: 40px;
    left: -10px;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    box-shadow: 7px 5px 8px 1px black;
}

.badge.bg-danger.text-dark {
    position: absolute;
    top: 25px;
    left: -10px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    box-shadow: 7px 5px 8px 1px black;
}

.badge.bg-success.text-dark {
    position: absolute;
    top: 25px;
    left: -10px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    box-shadow: 7px 5px 8px 1px black;
}

section {
    flex: 1 0 auto;
}

footer {
    flex: 0 0 auto;
}

footer,
.btn-outline-primary {
    background: rgba(0, 0, 0, 0.440)
}

footer a {
    text-decoration: none;
    color: black;
}

.window {
    overflow-y: auto;
    height: 500px;
}

.window th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
}

.media-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dlvr {
    color: black;
    background: rgba(0, 0, 0, 0.440)
}

.sbttl {
    color: azure;
}

@media (max-width: 755px) {
    .carousel-indicators {
        display: none;
    }
}