@import url("/css/dark.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");
    :root {
    --theme-primary-rgb: 39,44,48;
    --theme-secondary-rgb: 108,117,125;

    --theme-bg-page-rgb: 34,34,34;
    --theme-bg-primary-rgb: 52,58,64;
    --theme-bg-secondary-rgb: 33,37,41;

            --theme-community-logo-url: url(/img/logo.svg);
        }

    :root {
        --theme-opacity: 0.2;
    }

    .navbar-primary {
        backdrop-filter: blur(10px);
    }

    :root {
        --theme-gradient: rgba(var(--theme-primary-rgb), var(--theme-opacity));
    }


    .title {
        font-weight: 900;
        text-transform: uppercase;
    }


    :root {
        --theme-border-radius: 0.25rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	body {
    background-color: #151a21 !important;
    background: #151a21;
}
.parallax {
    height: 95vh;
    background: linear-gradient(rgb(21 26 33 / 60%),rgb(21 26 33));
}
.card .mb-4 {
    font-size: 1.35rem;
}
.navbar-primary {
    background-color: #151a21 !important;
    box-shadow: 0 10px 20px -12px rgba(0,0,0,.42),0 3px 20px 0 rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2) !important;
}
.alternatebg:nth-child(even) {
    background-color: #151a21;
}
.alternatebg:nth-child(odd) {
    background-color: #13171c;
}
.card-body {
    background-color: #151a21;
}
.ci {
    font-family: Roboto Condensed, sans-serif;
}
.fa-fw .me-3 .fas .fa-map {
    color: #343a40;
}
.fa-fw.fas.fa-users {
    color: forestgreen;
}
.fa-fw.fas.fa-gamepad {
    color: forestgreen;
}

.fa-fw.fas.fa-user-clock {
    color: forestgreen;
}
.fas.fa-credit-card.me-1 {
    color: gold;
}
.progress-bar.bg-custom {
    background-color: #228b22;
}
.title-main img {
    width: 75vw;
    max-width: 30rem !important;
}

@media (min-width: 30rem) {
    .title-main img {
        margin-bottom: 2rem;
    }
}
.navbar-brand {
    max-width: calc(40% - 16px);
}
.navbar-brand img {
    display: block;
    width: 100%;
}
.navbar-primary .container div:last-child {
    max-width: 60%;
}

.navbar-primary a[href*="/auth/steam"] img {
    width: 9.2rem;
}

@media (min-width: 400px) {
    .navbar-primary a[href*="/auth/steam"] img {
        width: auto;
    }
}
@media only screen and (max-width: 390px) {
    .navbar a[href*="/auth/steam?"] {
        max-width: calc(100% - 37px);
    }
}

.navbar a[href*="/auth/steam?"] img {
    max-width: 100%;
}

.fa-discord {
    color: #4286dd;
}

.fa-ban {
    color: brown;
}

.fa-home {
    color: grey;
}

.table-custom, .table-striped tbody tr:nth-of-type(even) {
    color: var(--bs-white);
    padding: .75rem .5rem;
}

.table-custom thead {
    color: #535353;
}

.table-striped thead {
    color: #535353;
}