/*DIGITAL CLOCK FONT*/

main {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    border: solid 5px #ffffff;
}


/* CLOCK */

div.clock {
    margin: 5px 0;
}

div.clock div {
    display: inline-block;
    position: relative;
}

div.clock div p {
    font-size: 50px;
    position: relative;
    z-index: 100;
}

div.clock .placeholder {
    color: #131212;
    position: absolute;
    top: 0;
    z-index: 50;
}

.light-on {
    color: #ffffff;
}