body {
    background: rgb(0, 0, 0);
}

.header {
    background: rgb(0, 0, 0);
    }

.footer {
    background: rgb(0, 0, 0);
}

.top-a.card {
    background: rgb(0, 0, 0);
    --card-spacer-y: 0rem;
    --card-spacer-x: 0rem;
}

.main-top.card {
    background: #555555;
    --link-color: #ffb703;
    --link-hover-color: #FFFFFF;
    --span.color: #FFFFFF;
}

.bottom-a.card {
    background: rgb(0, 0, 0);
}

.main-bottom.card {
    background: rgb(0, 0, 0);
    
        
}

.card {
    --card-spacer-y: 1rem;
    --card-spacer-x: 1rem;
    --card-title-spacer-y: 0rem;
    --card-title-color: ;
    --card-subtitle-color: ;
    --card-border-color: #000000;
    --card-border-width: var(--border-width);
    --card-border-radius: var(--border-radius);
    --card-box-shadow: ;
    --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
    --card-cap-padding-y: 0rem;
    --card-cap-padding-x: 0rem;
    --card-cap-bg: rgba(var(--body-color-rgb), .03);
    --card-cap-color: ;
    --card-height: ;
    --card-color: ;
    --card-bg: var(--body-bg);
    --card-img-overlay-padding: 1rem;
    --card-group-margin: .5em;
    min-width: 0;
    height: var(--card-height);
    color: var(--body-color);
    word-wrap: break-word;
    background-color: var(--card-bg);
    border: var(--card-border-width) solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-clip: border-box;
    flex-direction: column;
    display: flex;
    position: relative;
}


.container-header {
 background-color: #000000;
 background-image: none;
}
.container-header .mod-menu {
 color: #ffb703;
 font-size: 1.5rem;
 flex: unset;
}
.container-header .navbar-toggler {
 color: #db504a;
 border: 1px solid #db504a;
}