/* !*src: url('../public/digital-7.ttf');*!*/body main.clock-display{display:inline-block;text-align:center;padding:15px 30px;border:5px solid #ffffff;border-radius:10px;margin:60px auto 0;background-color:#000000;color:#ffffff;box-shadow:4px 4px 7px 4px rgba(0,0,0,.3)}.light-on{color:#ffffff!important}.date-field{margin:5px 0;display:flex;justify-content:space-between}.date-field div{display:inline-block;position:relative}.date-field div p{font-size:34px;position:relative;z-index:100}.date-field div p.placeholder{color:#2b2828;position:absolute;top:0;z-index:50}.date-field div.day-of-week-mobile{display:none}.date-field div.day-of-week p{font-size:50px}.date-field div p.type{font-size:10px;font-weight:700;font-family:sans-serif;text-transform:uppercase}@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{font-size:56px;margin-top:-2px}}@media (max-width:550px){.date-field div.day-of-week-mobile p{font-size:50px;margin-top:0}}@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{margin:5px 0;display:flex;justify-content:center}.clock-field div{display:inline-block;position:relative}.clock-field div p{font-size:100px;position:relative;z-index:100}.clock-field .numbers .placeholder{color:transparent;position:absolute;top:0;z-index:50}.clock-field .numbers .type{font-size:10px;font-weight:700;font-family:sans-serif;text-transform:uppercase;margin-top:-10px}.clock-field .am-pm{font-family:sans-serif;text-transform:uppercase;width:20px}.clock-field .am-pm div p{font-size:12px;font-weight:700;width:100%}.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}.clock-field .am-pm div p,.days .day 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}}