@media (max-width: 767px) {
    .site-mobile-header {
        top: 0 !important;
    }
}

.navbar-toggler {
    position: absolute;
    right: 0px;
    top: 5px;
}

@media (max-width: 991px) {
    main.container-fluid {
        margin-top: 30px;
    }
}

.sidebar {
    text-align: left;
    background-size: 250px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom 100px right 115px;
}

.sidebar ul {
    padding-left: 0!important;
    text-align: left;
}

.sidebar-header, .sidebar-section {
    width: 250px;
}

.bg-dark {
    background-color: hsl(249, 51%, 8%) !important;
}

.main-content {
    background-color: hsl(249, 50%, 15%);
    color: white;
    border-right: 5px solid black;
}

#header {
    border-bottom: 5px solid black;
    background-position: top;
    background-size: contain;
}

#footer {
    border-top: 5px solid black;
}

#footer a, #header a {
    color: white;
}

.half-bg-dark {
    backdrop-filter: blur(2px);
}

.badge {
    font-size: 85%;
    font-weight: 500;
    letter-spacing: 1px;
}