:root {
    /**** begin countdown colors ****/
    --flipclock-bg-color: #0f0f0f;
    --flipclock-color: #f5f5f5;
    /**** endof countdown colors ****/
    

    
    /**** begin custom colors ****/
    --color-1: #29bf12;
    --color-2: #abff4f;
    --color-3: #57cc99;
    --color-4: #80ed99;
    --color-5: #c7f9cc;
    --color-6: #38a3a5;
    --color-7: #306c4b;
    /**** endof custom colors ****/
}

.bg-color-1 {
    background: var(--color-1) !important;
}
.bg-color-2 {
    background: var(--color-2) !important;
}
.bg-color-3 {
    background: var(--color-3) !important;
}
.bg-color-4 {
    background: var(--color-4) !important;
}
.bg-color-5 {
    background: var(--color-5) !important;
}
.bg-color-6 {
    background: var(--color-6) !important;
}
.bg-color-7 {
    background: var(--color-7) !important;
}

.btn.btn-secondary,
.btn.btn-secondary:hover,
.btn.btn-secondary:active,
.btn.btn-secondary:focus {
    background: var(--color-1) !important;
    border-color: var(--color-7) !important;
    outline: none !important;
}