:root {
    --theme-color-background: #2d3238;
    --theme-color-primary: #fff;
    --theme-color-primary-rgb: 255, 255, 255;
    --theme-color-primary-dimmed-01: #e3ebf5;
    --theme-color-primary-dimmed-02: #ccd7e6;
    --theme-color-primary-dimmed-03: #b0c4d6;
    --theme-color-primary-dimmed-04: #335c85;
}

* {
    color: var(--theme-color-primary);
}
  
html, body {
    background-color: var(--theme-color-background) !important;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

button {
    color: var(--theme-color-primary-dimmed-02) !important;
}

.navbar-icon_light {
    display: none;
    height: 50px;
}

.navbar-icon_dark {
    display: inline-block;
    height: 50px;
}

@media only screen and (min-width: 768px) {
    .navbar-icon_light {
        display: none;
        height: 70px;
    }

    .navbar-icon_dark {
        display: inline-block;
        height: 70px;
    }
}


.footer {
    background-color: #212529;
}

.cbg {
    background-color: var(--theme-color-background) !important;
}

.cbg1 {
    background-color: var(--theme-color-primary-dimmed-01) !important;
}

.cbg2 {
    background-color: var(--theme-color-primary-dimmed-02) !important;
}

.cbg3 {
    background-color: var(--theme-color-primary-dimmed-03) !important;
}

.cbg4 {
    background-color: var(--theme-color-primary-dimmed-04) !important;
}

.navv {
    background-color: #212529;
}

.navbar-toggler {
    background-color: var(--theme-color-secondary) !important;
}