*{font-family:'PT Sans',sans-serif}
html,body{margin:0;padding:0;background-color:black;color:darkred;text-align:center}
.clock{background-color:black;display:flex;align-items:baseline;justify-content:center}
.clock .digit{width:120px;height:200px;margin:0 5px;position:relative;display:inline-block}
.clock .separator{width:20px;height:20px;background:#c00;border-radius:50%;position:relative;align-self:center}
#nowPrayLeds .group{display:flex}
#nowPrayLeds .group .separator{margin-left:30px}
#nowPrayLeds .group p{margin-left:10px;text-transform:uppercase;opacity:.2;font-weight:bolder}
#nowPrayLeds .on .separator,#nowPrayLeds .on p{opacity:1}
.digit .segment,.separator{background:#c00;border-radius:5px;position:absolute;opacity:.15}
.digit .segment.on,.group.on .separator,.separator.on{opacity:1;box-shadow:0 0 50px rgba(255,0,0,0.7)}
.digit .segment:nth-child(1){top:10px;left:20px;right:20px;height:10px}
.digit .segment:nth-child(2){top:20px;right:10px;width:10px;height:75px;height:calc(50% - 25px)}
.digit .segment:nth-child(3){bottom:20px;right:10px;width:10px;height:75px;height:calc(50% - 25px)}
.digit .segment:nth-child(4){bottom:10px;right:20px;height:10px;left:20px}
.digit .segment:nth-child(5){bottom:20px;left:10px;width:10px;height:75px;height:calc(50% - 25px)}
.digit .segment:nth-child(6){top:20px;left:10px;width:10px;height:75px;height:calc(50% - 25px)}
.digit .segment:nth-child(7){bottom:95px;bottom:calc(50% - 5px);right:20px;left:20px;height:10px}
h1{margin-bottom:0}.debug{color:gray;font-size:xx-small;text-align:left}