.bg-CEF {
    background-color: #247ba3;
}

.border-cef {
    border-color: #247ba3;
}

.btn-cef {
    --bs-color: #ffffff;
    --bs-bg-color: #247ba3;
    --bs-btn-border-color: #247ba3;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #124a6c;
    --bs--btn-hover-color: #000;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-bg: #247ba3;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0;
}

.timer-display {
    font-size: 5rem;
    text-align: center;
    font-family: 'silkscreen', monospace;
    background-color: #000;
    color: #39ff14;
    border-radius: 20px;
    letter-spacing: 2px;
    box-shadow: 0 0 20px #0f0;
    margin-left: 25%;
    margin-right: 25%;
}

.timer-box {
    margin-left: 20%;
    margin-right: 20%;
}

.alarm {
    background-color: red !important;
    color: white !important;
    box-shadow: 0 0 20px red;
}

.card-header {
    background-color: #333;
    color: #fff;
}

input[type="number"] {

    font-family: 'Orbitron', monospace;
    font-size: 1.5rem;
    text-align: center;
}