.clock {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px;
    /* padding: 20px 0; */
}
    .clock > .time {
        display: inline-block;
        width: 25%;
        float: left;
        color: #fff;
    }
        .clock > .time > .value {
            display: inline-block;
            width: 100%;
            font-size: 32px;
            line-height: 40px;
            font-weight: bold;
        }
        .clock > .time > .label {
            display: inline-block;
            width: 100%;
            font-size: 16px;
            line-height: 20px;
            font-size: 12px;
            line-height: 15px;
            text-transform: uppercase;
        }
@media (max-width: 1000px) {
    .clock > .time {
        width: 50%;
    }
    .clock > .time-padding-bottom {
        margin-bottom: 20px;
    }
}




:root {
    --secs: 39;
    --mins: 37;
    --hrs: 09;
}

body {
    /* counter-reset: seconds 0 minutes 0 hours 0; */
    counter-reset: seconds var(--secs) minutes var(--mins) hours var(--hrs);
}

#seconds::before {
    content: counter(seconds);
    animation: seconds-run 6s infinite;
}
#minutes::before {
    content: counter(minutes);
    animation: minutes-run 36s infinite;
}
#hours::before {
    content: counter(hours);
    animation: hours-run 2s infinite;
    /*60s 3600s 86400s */
}

@keyframes seconds-run {
    0% {}
    1.67% {counter-increment: seconds calc(1);}
    3.33% {counter-increment: seconds calc(2);}
    5.00% {counter-increment: seconds calc(3);}
    6.67% {counter-increment: seconds calc(4);}
    8.33% {counter-increment: seconds calc(5);}
    10.00% {counter-increment: seconds calc(6);}
    11.67% {counter-increment: seconds calc(7);}
    13.33% {counter-increment: seconds calc(8);}
    15.00% {counter-increment: seconds calc(9);}
    16.67% {counter-increment: seconds calc(10);}
    18.33% {counter-increment: seconds calc(11);}
    20.00% {counter-increment: seconds calc(12);}
    21.67% {counter-increment: seconds calc(13);}
    23.33% {counter-increment: seconds calc(14);}
    25.00% {counter-increment: seconds calc(15);}
    26.67% {counter-increment: seconds calc(16);}
    28.33% {counter-increment: seconds calc(17);}
    30.00% {counter-increment: seconds calc(18);}
    31.67% {counter-increment: seconds calc(19);}
    33.33% {counter-increment: seconds calc(20);}
    35.00% {counter-increment: seconds calc(21);}
    36.67% {counter-increment: seconds calc(22);}
    38.33% {counter-increment: seconds calc(23);}
    40.00% {counter-increment: seconds calc(24);}
    41.67% {counter-increment: seconds calc(25);}
    43.33% {counter-increment: seconds calc(26);}
    45.00% {counter-increment: seconds calc(27);}
    46.67% {counter-increment: seconds calc(28);}
    48.33% {counter-increment: seconds calc(29);}
    50.00% {counter-increment: seconds calc(30);}
    51.67% {counter-increment: seconds calc(31);}
    53.33% {counter-increment: seconds calc(32);}
    55.00% {counter-increment: seconds calc(33);}
    56.67% {counter-increment: seconds calc(34);}
    58.33% {counter-increment: seconds calc(35);}
    60.00% {counter-increment: seconds calc(36);}
    61.67% {counter-increment: seconds calc(37);}
    63.33% {counter-increment: seconds calc(38);}
    65.00% {counter-increment: seconds calc(39);}
    66.67% {counter-increment: seconds calc(40);}
    68.33% {counter-increment: seconds calc(41);}
    70.00% {counter-increment: seconds calc(42);}
    71.67% {counter-increment: seconds calc(43);}
    73.33% {counter-increment: seconds calc(44);}
    75.00% {counter-increment: seconds calc(45);}
    76.67% {counter-increment: seconds calc(46);}
    78.33% {counter-increment: seconds calc(47);}
    80.00% {counter-increment: seconds calc(48);}
    81.67% {counter-increment: seconds calc(49);}
    83.33% {counter-increment: seconds calc(50);}
    85.00% {counter-increment: seconds calc(51);}
    86.67% {counter-increment: seconds calc(52);}
    88.33% {counter-increment: seconds calc(53);}
    90.00% {counter-increment: seconds calc(54);}
    91.67% {counter-increment: seconds calc(55);}
    93.33% {counter-increment: seconds calc(56);}
    95.00% {counter-increment: seconds calc(57);}
    96.67% {counter-increment: seconds calc(58);}
    98.33% {counter-increment: seconds calc(59);}
    100.00% {counter-increment: seconds calc(60);}
}

@keyframes minutes-run {
    0% {}
    1.67% {counter-increment: minutes calc(1);}
    3.33% {counter-increment: minutes calc(2);}
    5.00% {counter-increment: minutes calc(3);}
    6.67% {counter-increment: minutes calc(4);}
    8.33% {counter-increment: minutes calc(5);}
    10.00% {counter-increment: minutes calc(6);}
    11.67% {counter-increment: minutes calc(7);}
    13.33% {counter-increment: minutes calc(8);}
    15.00% {counter-increment: minutes calc(9);}
    16.67% {counter-increment: minutes calc(10);}
    18.33% {counter-increment: minutes calc(11);}
    20.00% {counter-increment: minutes calc(12);}
    21.67% {counter-increment: minutes calc(13);}
    23.33% {counter-increment: minutes calc(14);}
    25.00% {counter-increment: minutes calc(15);}
    26.67% {counter-increment: minutes calc(16);}
    28.33% {counter-increment: minutes calc(17);}
    30.00% {counter-increment: minutes calc(18);}
    31.67% {counter-increment: minutes calc(19);}
    33.33% {counter-increment: minutes calc(20);}
    35.00% {counter-increment: minutes calc(21);}
    36.67% {counter-increment: minutes calc(22);}
    38.33% {counter-increment: minutes calc(23);}
    40.00% {counter-increment: minutes calc(24);}
    41.67% {counter-increment: minutes calc(25);}
    43.33% {counter-increment: minutes calc(26);}
    45.00% {counter-increment: minutes calc(27);}
    46.67% {counter-increment: minutes calc(28);}
    48.33% {counter-increment: minutes calc(29);}
    50.00% {counter-increment: minutes calc(30);}
    51.67% {counter-increment: minutes calc(31);}
    53.33% {counter-increment: minutes calc(32);}
    55.00% {counter-increment: minutes calc(33);}
    56.67% {counter-increment: minutes calc(34);}
    58.33% {counter-increment: minutes calc(35);}
    60.00% {counter-increment: minutes calc(36);}
    61.67% {counter-increment: minutes calc(37);}
    63.33% {counter-increment: minutes calc(38);}
    65.00% {counter-increment: minutes calc(39);}
    66.67% {counter-increment: minutes calc(40);}
    68.33% {counter-increment: minutes calc(41);}
    70.00% {counter-increment: minutes calc(42);}
    71.67% {counter-increment: minutes calc(43);}
    73.33% {counter-increment: minutes calc(44);}
    75.00% {counter-increment: minutes calc(45);}
    76.67% {counter-increment: minutes calc(46);}
    78.33% {counter-increment: minutes calc(47);}
    80.00% {counter-increment: minutes calc(48);}
    81.67% {counter-increment: minutes calc(49);}
    83.33% {counter-increment: minutes calc(50);}
    85.00% {counter-increment: minutes calc(51);}
    86.67% {counter-increment: minutes calc(52);}
    88.33% {counter-increment: minutes calc(53);}
    90.00% {counter-increment: minutes calc(54);}
    91.67% {counter-increment: minutes calc(55);}
    93.33% {counter-increment: minutes calc(56);}
    95.00% {counter-increment: minutes calc(57);}
    96.67% {counter-increment: minutes calc(58);}
    98.33% {counter-increment: minutes calc(59);}
    100.00% {counter-increment: minutes calc(60);}
}

@keyframes hours-run {
    0% {}
    4.17% {counter-increment: hours calc(1);}
    8.33% {counter-increment: hours calc(2);}
    12.50% {counter-increment: hours calc(3);}
    16.67% {counter-increment: hours calc(4);}
    20.83% {counter-increment: hours calc(5);}
    25.00% {counter-increment: hours calc(6);}
    29.17% {counter-increment: hours calc(7);}
    33.33% {counter-increment: hours calc(8);}
    37.50% {counter-increment: hours calc(9);}
    41.67% {counter-increment: hours calc(10);}
    45.83% {counter-increment: hours calc(11);}
    50.00% {counter-increment: hours calc(12);}
    54.17% {counter-increment: hours calc(13);}
    58.33% {counter-increment: hours calc(14);}
    62.50% {counter-increment: hours calc(15);}
    66.67% {counter-increment: hours calc(16);}
    70.83% {counter-increment: hours calc(17);}
    75.00% {counter-increment: hours calc(18);}
    79.17% {counter-increment: hours calc(19);}
    83.33% {counter-increment: hours calc(20);}
    87.50% {counter-increment: hours calc(21);}
    91.67% {counter-increment: hours calc(22);}
    95.83% {counter-increment: hours calc(23);}
    100.00% {counter-increment: hours calc(24);}
}