body main.clock-display{text-align:center;color:#fff;background-color:#000;border:5px solid #fff;border-radius:10px;margin:60px auto 0;padding:15px 30px;display:inline-block;box-shadow:4px 4px 7px 4px #0000004d}.light-on{color:#fff!important}.date-field{justify-content:space-between;margin:5px 0;display:flex}.date-field div{display:inline-block;position:relative}.date-field div p{z-index:100;font-size:34px;position:relative}.date-field div p.placeholder{color:#2b2828;z-index:50;position:absolute;top:0}.date-field div.day-of-week-mobile{display:none}.date-field div.day-of-week p{font-size:50px}.date-field div p.type{text-transform:uppercase;font-family:sans-serif;font-size:10px;font-weight:700}@media (max-width:768px){.date-field{justify-content:space-evenly}.date-field div.day-of-week{display:none}.date-field div.day-of-week-mobile{display:inline-block}.date-field div.day-of-week-mobile p{margin-top:-2px;font-size:56px}}@media (max-width:550px){.date-field div.day-of-week-mobile p{margin-top:0;font-size:50px}}@media (max-width:468px){.date-field div.day-of-week-mobile p{font-size:42px}}@media (max-width:400px){.date-field div.day-of-week-mobile p{font-size:20px}}.clock-field{justify-content:center;margin:5px 0;display:flex}.clock-field div{display:inline-block;position:relative}.clock-field div p{z-index:100;font-size:100px;position:relative}.clock-field .numbers .placeholder{color:#0000;z-index:50;position:absolute;top:0}.clock-field .numbers .type{text-transform:uppercase;margin-top:-10px;font-family:sans-serif;font-size:10px;font-weight:700}.clock-field .am-pm{text-transform:uppercase;width:20px;font-family:sans-serif}.clock-field .am-pm div p{width:100%;font-size:12px;font-weight:700}.clock-field .am,.clock-field .pm{color:#2b2828}@media (max-width:768px){main.clock-display{padding:15px 30px}.desktop-view{display:none}}@media (max-width:550px){.date-field div p{font-size:30px}.clock-field div p{font-size:80px}}@media (max-width:468px){.date-field div p{font-size:24px}.clock-field div p{font-size:60px}}@media (max-width:400px){.date-field div p{font-size:20px}.days .day p,.clock-field .am-pm div p{font-size:10px}.clock-field div p{font-size:50px}}@media (max-width:350px){.date-field div p{font-size:20px}.clock-field div p{font-size:43px}}@media (max-width:320px){.clock-field div p{font-size:40px}}