@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:#fff;font-family:sans-serif;font-family:Quicksand;font-size:2.4rem;font-weight:500}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;width:100%}h1{background-color:#2f4858;font-family:Monoton;font-size:3rem;font-weight:400;letter-spacing:-5px;padding:2.4rem 2rem;text-align:center;text-transform:uppercase;word-spacing:15px}@media (min-width:768px){h1{font-size:3rem;word-spacing:15px}}@media (min-width:992px){h1{font-size:4rem;word-spacing:20px}}@media (min-width:1200px){h1{font-size:6rem;word-spacing:30px}}.add-form{align-items:center;background-color:#356070;display:flex;gap:.8rem;justify-content:center;padding:2.8rem 1rem}h2{font-size:2.4rem}@media (max-width:767px){.add-form{flex-direction:column;gap:2.5rem}h2{font-size:2rem;text-align:center}}button,input,select{background-color:#ffebb3;border:none;border-radius:10rem;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;padding:1.2rem 3.2rem}@media (max-width:767px){.add-form button,input,select{width:100%}}.add-form button{background-color:#5aada4;text-transform:uppercase}.list{align-items:center;background-color:#3c7985;color:#ffebb3;display:flex;flex-direction:column;gap:3.2rem;justify-content:space-between;padding:4rem 2rem}.list ul{grid-gap:1.2rem;align-content:start;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;list-style:none;overflow-y:auto;width:90%}@media (max-width:767px){.list ul{width:100%}}.list li{align-items:center;background-color:#eee;border:1px solid #ccc;border-radius:7px;color:#000;display:flex;gap:1.2rem;padding:.5rem}input[type=checkbox]{accent-color:#e5771f;height:2rem;width:2rem}.list li .itemName{flex:1 1;word-break:break-all}.list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:0;-webkit-transform:translateY(2px);transform:translateY(2px)}.actions{align-items:center;display:flex;gap:3rem;justify-content:center;width:100%}.actions button,.actions select{font-size:1.4rem;font-weight:700;padding:.8rem 2.4rem;text-transform:uppercase}@media (max-width:767px){.actions{flex-direction:column;gap:1rem}.actions button{width:100%}}.stats{background-color:#479396;font-weight:700;padding:3.2rem 2rem;text-align:center}
/*# sourceMappingURL=main.70c01190.css.map*/