@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik&display=swap);*{box-sizing:border-box;margin:0;padding:0}h1{color:#fff;font-family:Permanent Marker,cursive;font-size:3rem}.header{background-color:#ca3c25;padding:1rem 0}.form,.header{display:flex;justify-content:center}.form{align-items:center;background-color:#e6aa68;gap:2rem;padding:1.5rem 0}.form,form{font-family:Rubik,sans-serif}form{display:flex;justify-content:space-evenly}input[type=number]{width:20%}input[type=number],input[type=text]{border:none;border-radius:2rem;font-size:1rem;font-weight:600;padding:.5rem 1rem}input[type=text]{letter-spacing:.05rem;width:50%}form button{background-color:#ca3c25;border:none;border-radius:2rem;color:#f0f8ff;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem;transition:transform .3s;width:15%}form button:hover{transform:scale(1.1)}.list{background-color:#7fb069;font-family:Rubik,sans-serif;height:60vh;justify-content:center;padding:1rem}.items-wrapper,.list{display:flex;flex-wrap:wrap}.items-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;width:60%}.items-wrapper div{display:flex;gap:.2rem;margin:0 2rem;padding:1rem 0}.items-wrapper div input{accent-color:#ca3c25}.items-wrapper div p{align-items:center;cursor:default;display:flex;gap:.5rem;text-transform:capitalize}.x-sign{background-color:transparent;border:none;color:#ca3c25;cursor:pointer;font-size:1.25rem;margin-left:5px}.status{align-items:center;background-color:#afe3c0;display:flex;font-family:Rubik,sans-serif;height:3.8rem;justify-content:center}.done{text-decoration:line-through;text-decoration-thickness:1.5px}@media screen and (max-width:640px){h1{font-size:2.5rem}.header{padding:0}.form{flex-direction:column}form button{padding:0}.items-wrapper{width:100%}.list{height:63vh}}
/*# sourceMappingURL=main.9db6a818.css.map*/