*{margin:0;padding:0;font-family:Helvetica}body{min-height:100vh}.title{text-align:center;margin-bottom:1rem;font-size:2.4rem}.counter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.counter-number{background-color:#5ba2cb;color:#000;padding:1rem;border-radius:.7rem;font-size:4rem;font-weight:700;text-align:center}@media (max-width: 768px){.counter-number{font-size:2rem;padding:1rem .5rem;min-width:50px}}@media (max-width: 375px){.counter-number{font-size:1.5rem;padding:1rem .5rem;min-width:45px}}.App{min-height:100vh;background-size:cover;background-position:top center;display:flex;align-items:center;justify-content:center}.container{min-width:50%;min-height:300px;background-color:#fffc;padding:2rem;border-radius:1rem}.countdown-container{display:flex;justify-content:center;align-items:center;height:200px;gap:2rem}@media (max-width: 768px){.container{padding:2rem 1rem}.countdown-container{gap:1rem}.counter-text{font-size:16px}}@media (max-width: 375px){.container{padding:2rem 1rem}.counter-text{font-size:14px}}.home h2{text-align:center;font-size:1.6rem;margin-bottom:1rem}.countdown-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:0 auto}.countdown-form label{display:flex;flex-direction:column;gap:.5rem}.countdown-form span{font-weight:700}.countdown-form input{padding:.5rem;border-radius:4px;border:1px solid #00a7f4}.countdown-form input[type=color]{padding:2px;cursor:pointer}.countdown-form input[type=submit]{background-color:#000;color:#fff;font-weight:700;width:120px;padding:.8rem;cursor:pointer;opacity:.8;transition:.4s}.countdown-form input[type=submit]:hover{opacity:1}