@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;padding:0;font-family:sans-serif;background-color:#121212;min-height:100vh;font-family:Quicksand,sans-serif;display:flex;justify-content:center;align-items:center}#root{width:90%;max-width:50rem;margin:0;padding:2rem;background-color:#1f1f1f;border-radius:8px;box-shadow:0 0 20px #00000080;color:#e0e0e0}header{display:flex;justify-content:space-between;align-items:center;max-width:40rem;margin:0 auto}ul{list-style:none;max-width:40rem;margin:2rem auto;padding:0;font-family:Quicksand,sans-serif;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}ul li{background-color:#2a2a2a;padding:1rem;border-radius:6px;color:#8b5cf6;box-shadow:0 2px 8px #0006}ul h2{font-size:2rem;text-align:center;margin:0}ul p{text-align:center;font-size:1.25rem;color:#b0b0b0}ul progress{width:100%;height:1rem;border-radius:6px;margin:1rem 0}ul progress::-webkit-progress-bar{background:#444;border-radius:6px}ul progress::-webkit-progress-value{background:#8b5cf6;border-radius:6px}label{display:block;font-size:.85rem;color:#e5bcf1;font-weight:700;text-transform:uppercase;margin-bottom:.35rem}input{display:block;font:inherit;width:100%;padding:.5rem;border-radius:6px;border:1px solid #555;background-color:#333;margin-bottom:.3rem;font-size:1rem;color:#e0e0e0}input:focus{outline:none;border-color:#8b5cf6}.button{font:inherit;padding:.75rem 2rem;border:none;border-radius:6px;background-color:#8b5cf6;color:#e0e0e0;font-weight:700;cursor:pointer;transition:all .2s ease-in-out}.button:hover,.button:active{background-color:#7c3aed;transform:translateY(-2px)}#add-timer{max-width:20rem;margin:3rem auto;text-align:center}.error-text{color:#f66464;font-size:.8rem}