@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d0d0d;color:#e0cfb2;font-family:Poppins,sans-serif;font-size:16px}.main{flex-direction:column;gap:3rem;justify-content:center;max-width:30rem;min-height:100vh;padding:2rem}.header,.main{align-items:center;display:flex;margin:auto}.header{gap:1rem;justify-content:space-between;max-width:80%;padding:1rem 0}.header i,.logo-text{color:#e0cfb2;font-size:1.5rem}.logo-text{font-weight:700}.logo-text>span{color:#ff5631}.progress{align-items:center;border:.75px solid #e0cfb2;border-radius:2rem;display:flex;gap:2rem;justify-content:center;max-width:100%;padding:3rem 4rem}.progress .confirmation{display:grid;font-size:1.5rem;font-weight:700}.progress .encourage{font-size:1rem;font-weight:200}.progress .num-completed{background-color:#ff5631;border-radius:50%;color:#0d0d0d;display:grid;font-size:1.5rem;font-weight:700;padding:3rem;place-items:center}form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;min-width:100%}form>input{background-color:#1e1e1e;border:none;border-radius:1rem;color:#e0cfb2;font-family:Poppins,sans-serif;font-size:1.2rem;min-width:80%;padding:1rem}form .addBtn{background-color:#ff5631;border:none;border-radius:50%;color:#0d0d0d;cursor:pointer;font-size:1.3rem;font-weight:900;padding:1rem 1.35rem;transition:scale .2s ease-in-out}form .addBtn:hover{scale:1.1}.task-lists{grid-gap:1rem;display:grid;gap:1rem;min-width:100%}.task{align-items:center;background-color:#1e1e1e;border:.5px solid #e0cfb2;border-radius:1rem;display:flex;font-size:1.2rem;gap:1rem;justify-content:space-between;padding:1rem}.task>div{display:flex;gap:.5rem}.task>span{display:flex;gap:1rem}.task i{cursor:pointer;transition:scale .2s ease-in-out}.task i:hover{scale:1.2}.editTaskField{background-color:#1e1e1e;border:none;border-radius:.5rem;color:#e0cfb2;font-family:Poppins,sans-serif;font-size:1.2rem}.editTaskField:focus{border:none}@media screen and (max-width:21.25em){.progress,.task{flex-wrap:wrap}.task{justify-content:center}}
/*# sourceMappingURL=main.e07ed6af.css.map*/