@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@400;500;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#fefaf5;color:#5a3e2b;font-family:Quicksand,sans-serif;font-size:1.6rem;overflow-x:hidden}.app{display:grid;grid-template-rows:auto auto 1fr auto;min-height:100vh}h1{background-color:#f4a226;font-family:Monoton,cursive;font-size:3.6rem;letter-spacing:2px;padding:2rem 1rem;text-align:center;word-spacing:5px}.add-form{align-items:stretch;background-color:#e5771f;display:flex;flex-direction:column;gap:1.8rem;padding:2rem 1.5rem}.add-form h3{font-size:2rem;text-align:center}.add-form button,.add-form input,.add-form select{border:none;border-radius:10rem;font-family:inherit;font-size:1.6rem;padding:1.2rem;width:100%}.add-form input,.add-form select{background-color:#ffebb3;color:#5a3e2b}.add-form button{background-color:#76c7ad;cursor:pointer;font-weight:700;transition:.3s}.add-form button:hover{transform:scale(1.02)}.list{background-color:#5a3e2b;color:#ffebb3;gap:2rem;overflow-y:auto;padding:2rem 1.5rem}.list,.list ul{display:flex;flex-direction:column}.list ul{gap:1.5rem;list-style:none;margin:0;padding:0}.list li{align-items:center;background-color:#ffffff14;border-radius:1rem;display:flex;gap:1rem;justify-content:space-between;padding:1.4rem}.list li span{flex:1 1;word-break:break-word}input[type=checkbox]{accent-color:#e5771f;height:2rem;width:2rem}.list li button{background:none;border:none;cursor:pointer;font-size:2rem}.actions{display:flex;justify-content:center}.actions select{background-color:#ffebb3;border:none;border-radius:10rem;font-size:1.5rem;max-width:300px;padding:1rem;width:100%}.stats{background-color:#76c7ad;font-size:1.6rem;font-weight:700;padding:2rem 1rem;position:-webkit-sticky;position:sticky;text-align:center}@media (min-width:768px){h1{font-size:6rem;padding:2.5rem}.add-form{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.add-form h3{margin-bottom:1rem;width:100%}.add-form select{width:120px}.add-form input{width:300px}.add-form button{padding:1.2rem 2.4rem;width:auto}.list ul{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){h1{font-size:4.5rem;padding:2rem 1rem}.add-form{align-items:stretch;flex-direction:column;gap:1.6rem;justify-content:center;padding:2rem 1.5rem}.add-form h3{font-size:2rem;text-align:center;width:100%}.add-form button,.add-form input,.add-form select{font-size:1.8rem;padding:1.4rem;width:100%}.list ul{display:flex;flex-direction:column;gap:1.5rem}.list li{font-size:1.7rem;padding:1.4rem}.actions select{font-size:1.6rem;width:100%}.stats{font-size:1.7rem;padding:2rem 1rem}}@media (min-width:1024px){.list ul{grid-template-columns:repeat(3,1fr)}h1{font-size:8rem}.stats{font-size:2rem}}@media (max-width:480px){html{font-size:90%}h1{font-size:4.5rem;padding:2rem 1rem}.add-form h3{font-size:2rem}.add-form input{min-width:160px}.add-form button,.add-form input,.add-form select{font-size:1.8rem;padding:1.4rem}.list li{font-size:1.7rem}input[type=checkbox]{height:2.4rem;width:2.4rem}.list li button{font-size:2.4rem}.actions select{font-size:1.6rem}.stats{font-size:1.7rem;padding:2rem 1rem}}
/*# sourceMappingURL=main.f452a8b7.css.map*/