:root {
    --brand-navbar-background: #fcfcfd;
    --brand-menu-textcolor: #2b2a35;
    --brand-menu-textcolor-hover: #6F59FD;
    --brand-primary: #6F59FD;
    --brand-secondary: #ff6f60;
    --brand-main-text: #2b2a35;
    --brand-grey: #dddfe5;
    --brand-light-grey: #fcfcfd;
}

a.nav-link {
    color: var(--brand-menu-textcolor);
}

a.nav-link:hover {
    color: var(--brand-menu-textcolor-hover);
}

.btn-secondary {
    background-color: var(--brand-grey);
    border-color: var(--brand-grey);
    color: var(--brand-main-text);
}

.btn-secondary.active {
    background-color: var(--brand-main-text);
    border-color: var(--brand-main-text);
    color: var(--brand-light-grey);
}

.btn-secondary:hover {
    border-color: #2b2a35;
}

.btn-outline-danger {
    border-color: #2b2a35;
    color: #2b2a35;
}

.btn-outline-danger:hover {
    border-color: #2b2a35;
    color: #2b2a35;
    background-color: #ff6f60;
}


.centersignbox {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}