@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Open+Sans:wght@400;500;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:url(/assets/bg-img-Rfni24Dq.jpg) top center;background-size:cover;font-family:Inter,sans-serif;font-size:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto;width:100vw;height:100vh}.countdown-form{background-color:#f6f6f6;display:flex;flex-direction:column;justify-content:center;padding:20px;width:300px}label{font-weight:700;margin-bottom:5px}input{background-color:#d1f1ee;border:1px solid #dfdfdf;outline:none;margin-bottom:10px;padding:10px;width:100%}button{background-color:#038a7f;border:none;color:#fff;cursor:pointer;outline:none;margin-top:15px;text-transform:uppercase;width:100%;height:40px}button:hover{background-color:#005a53}.countdown-message{display:flex;justify-content:center;align-items:center;font-size:24px}.countdown-name{color:#fff;font-size:1.5rem;margin-bottom:14px;text-align:center}.countdown-date{color:#eafbfa;margin:-10px 0 10px 10px;text-align:center}.countdown-display{display:flex;justify-content:space-around}.countdown-value:not(span){background-color:#2f5d6f;border-radius:50%;color:#03d5c0;font-size:46px;margin:0 15px;padding:30px;text-align:center;width:140px;height:140px}.countdown-value>span{display:block;color:#fff;font-size:.8rem;letter-spacing:2px;text-transform:uppercase;margin-top:8px;margin-left:-10px}.control-buttons{margin-top:50px;text-align:center}.control-buttons>button{background-color:#03b4a2;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.7rem;margin:0 10px;width:50px;height:50px}.control-buttons button:hover{background-color:#0b7c71}@media only screen and (max-width: 600px){.countdown-form{width:90%;max-width:300px}input{width:100%}.countdown-name{font-size:1.1rem}.countdown-value:not(span){font-size:1.1rem;width:80px;height:80px}}