@font-face {
    font-family: 'DigitalHex';
    src: url('digital-hex.ttf') format('truetype');
}
.countdown {
    font-size: 2em;
    display: flex;
    gap: 5px;
    font-family: 'DigitalHex', monospace;
    padding: 5px;
    align-items: center;
    justify-content: center;
}
.timer-bg{
    background-color: #cc122c;
    color: white;
    text-align: center;
    border-radius: 5px;
    font-size: 100px;
    padding-left: 5px;
    padding-right: 5px;
}
.right-navbar{
    background-color: #cc122c;
}
.label-dzbd7lyV{
    display: none;
}
.table{
    width: 100%;
}
.table thead tr td{
    background: #cc122c;
    text-align: center;
    border: solid 1px white;
}
.table tbody tr td{
    background-color: #003e8a;
    text-align: center;
    border: solid 1px white;
}
.pagination{
    align-items: end;
    justify-content: end;
    display: flex;
    margin: 5px;
}
.pagination button{
    background-color: #003e8a;
    color: white;
}
.active{
    background-color: #cc122c !important;
}
.flag{
    align-items: center;
    justify-content: center;
    display: flex;
}
@media only screen and (max-width : 500px){
    .timer-bg{
        background-color: #cc122c;
        color: white;
        text-align: center;
        border-radius: 5px;
        font-size: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .counter-title{
        font-size: 100% !important;
    }
}
@media only screen and (max-width : 353px){
    .table thead tr td{
        font-size: 15px;
    }
    .table tbody tr td{
        font-size: 10px;
    }
}