.header {
    background-color: #747ed1 !important;
}


.fab758 {

}


:root {
    --bs-warning: #f0bd75 !important;
    --bs-info: #747ed1 !important;
    --bs-info-active: #747ed1 !important;
    --bs-primary: #2aa9ac !important;
    --bs-primary-active: #2aa9ac !important;
    --bs-text-primary: #2aa9ac !important;
    --bs-warning-active: #e0c050 !important;
}

.btn.btn-warning:hover:not(.btn-active), .show > .btn.btn-warning {
    border-color: #f0bd75 !important;
    background-color: #f0bd75 !important;
}

.btn.info:hover:not(.btn-active), .show > .btn.info {
    border-color: #747ed1 !important;
    background-color: #747ed1 !important;
}

.btn {
    box-shadow: var(--bs-btn-box-shadow) !important;
    transition: all .2s ease-in-out !important;
}

.btn:hover {
    transform: translateY(-0.15rem) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(30, 34, 40, .15) !important;
}



.digit-input {
    font-size: 1.5rem;
    text-align: center;
    color: #1B84FF;
}