:root{
    --white:#fdf2eb;
    --primary: var(--white);
    --main-bg-color:#f1f1f1;
    --main-highlight-color:rgba(255, 255, 255, 1);
    --main-txt-color:#000000;
    --main-theme-color: var(--white);
    --main-select-color: rgba(255, 255, 255);
    --main-theme-border: 3px double #000000;
}

/*bootstrap colors*/

.btn-primary {
    background-color: var(--main-bg-color);
    color:      var(--main-theme-color);
    border:    var(--main-border-color);
}

.btn-primary:hover {
    background-color: var(--main-theme-color);
    color: var(--main-select-color);
}
.btn-primary:visited {
    background-color: var(--main-theme-color);
    color: var(--main-select-color);
}
.btn-primary:active {
    background-color: var(--main-theme-color);
    color: var(--main-select-color);
}

.btn-secondary {
    background-color: var(--main-theme-color);
    color: var(--main-select-color);
    border:    var(--main-border-color);
    margin: .5vh .25vw .5vh 0;
}

.btn-secondary:hover {
    background-color: var(--main-bg-color);
    color:      var(--main-theme-color);
}
.btn-secondary:visited {
    background-color: var(--main-bg-color);
    color:      var(--main-theme-color);
}
.btn-secondary:active {
    background-color: var(--main-bg-color);
    color:      var(--main-theme-color);
}