.date-count-container{background-color:#0a6cf1;padding:30px 20px;color:#fff;width:80%;max-width:300px;margin:20px auto;clear:both;display:block;label{display:block}.project-title{font-size:1rem;opacity:.5;text-align:center}.project-name{font-size:1.5rem;margin:5px 0;text-align:center}.counter{padding:25px;margin:25px 0 15px 0;background-color:#f7a81d;font-weight:700;border-radius:8px;box-shadow:0 10px 25px rgb(0 0 0 / .5);min-height:80px;div{display:inline-block}.days,.hours,.minutes,.seconds{width:25%;float:left;text-align:center;.value{display:block;font-size:26pt;width:100%;display:block}span{font-size:8pt;opacity:.8;width:100%;display:block}}.hours::before,.minutes::before,.seconds::before{content:":";float:left;font-size:20pt;position:relative;margin-top:0;opacity:.7;animation:pink 1s ease-in-out infinite}}}.date-count-container.countdown{background-color:#ec4a1d;.counter{background-color:#7c1313}}@keyframes pink{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}