@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#5a3e2b;font-family:Quicksand,sans-serif;font-size:1.6rem;font-weight:500}.app,body{min-height:100vh}.app{display:grid;grid-template-rows:auto auto 1fr auto;width:100%}h1{background-color:#f4a226;font-family:Monoton,cursive;font-size:4rem;font-weight:400;letter-spacing:-2px;line-height:1.2;padding:1.6rem 0;text-align:center;text-transform:uppercase;word-spacing:15px}@media (min-width:768px){body{font-size:2rem}h1{font-size:6rem;letter-spacing:-4px;padding:2rem 0;word-spacing:25px}}@media (min-width:1024px){h1{font-size:8rem;letter-spacing:-5px;padding:2.4rem 0;word-spacing:30px}}.add-form{align-items:center;background-color:#e5771f;display:flex;flex-direction:column;gap:1rem;padding:1.6rem 0}@media (min-width:480px){.add-form{flex-direction:row;gap:.8rem;justify-content:center;padding:2rem 0}}@media (min-width:768px){.add-form{padding:2.8rem 0}}h3{font-size:1.8rem;margin-right:0;text-align:center}@media (min-width:480px){h3{font-size:2rem;margin-right:1.6rem;text-align:left}}@media (min-width:768px){h3{font-size:2.4rem}}button,input,select{background-color:#ffebb3;border:none;border-radius:10rem;color:#5a3e2b;cursor:pointer;font-family:inherit;font-size:1.4rem;font-weight:700;max-width:300px;padding:.8rem 1.6rem;width:80%}@media (min-width:480px){button,input,select{font-size:1.6rem;padding:1rem 2.4rem;width:auto}}@media (min-width:768px){button,input,select{font-size:1.8rem;padding:1.2rem 3.2rem}}.add-form button{background-color:#76c7ad;text-transform:uppercase}.list{align-items:center;background-color:#5a3e2b;color:#ffebb3;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}@media (min-width:768px){.list{gap:3.2rem;padding:4rem 0}}.actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding:0 1rem;width:100%}.actions button,.list select{font-size:1.2rem;font-weight:700;margin:0;padding:.6rem 1.2rem;text-transform:uppercase}@media (min-width:480px){.actions button,.list select{font-size:1.3rem;margin:0 .4rem;padding:.8rem 1.6rem}}@media (min-width:768px){.actions button,.list select{font-size:1.4rem;margin:0 .8rem;padding:.8rem 2.4rem}}.list ul{grid-gap:1.2rem;align-content:start;display:grid;gap:1.2rem;grid-template-columns:1fr;justify-content:center;list-style:none;max-width:1200px;padding:0 1rem;width:90%}@media (min-width:480px){.list ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width:768px){.list ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:80%}}.list li{align-items:center;background-color:#ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:.8rem}input[type=checkbox]{accent-color:#e5771f;flex-shrink:0;height:1.8rem;width:1.8rem}@media (min-width:768px){input[type=checkbox]{height:2rem;width:2rem}}.list li button{background:none;border:none;cursor:pointer;font-size:1.6rem;margin-left:auto;padding:.4rem;transform:translateY(1px)}@media (min-width:768px){.list li button{font-size:1.8rem;padding:.8rem;transform:translateY(2px)}}.stats{background-color:#76c7ad;font-size:1.4rem;font-weight:700;padding:2rem 1rem;text-align:center}@media (min-width:480px){.stats{font-size:1.6rem;padding:2.4rem 0}}@media (min-width:768px){.stats{font-size:1.8rem;padding:3.2rem 0}}
/*# sourceMappingURL=main.41071939.css.map*/