@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);:root{--orange:#eb5e28;--dark-brown:#252422;--brown:#403d39;--secondary:#ccc5b9;--dark:#fffcf2}html::selection{background-color:#eb5e28;background-color:var(--orange);color:#252422;color:var(--dark-brown)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fdf5e6;color:#fffcf2;color:var(--dark);font-family:Quicksand,sans-serif;font-size:2rem;font-weight:500;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}h1{background-color:#eb5e28;background-color:var(--orange);font-family:Monoton,cursive;font-size:6rem;font-weight:400;letter-spacing:-3px;padding:2rem;text-align:center;text-transform:uppercase;word-spacing:20px}.add-form{background-color:#403d39;background-color:var(--brown);color:#ccc5b9;color:var(--secondary);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem}h3{font-size:2rem}button,input,select{background-color:#252422;background-color:var(--dark-brown);border:none;border-radius:20px;color:#ccc5b9;color:var(--secondary);cursor:pointer;font-family:inherit;font-size:1.6rem;font-weight:700;padding:1.2rem 2rem;transition:all .3s ease-in-out}button:hover,input:focus,select:hover{background-color:#eb5e28;background-color:var(--orange)}.add-form button{background-color:#252422;background-color:var(--dark-brown);text-transform:uppercase;transition:all .3s ease-in-out}.add-form button:hover{background-color:#eb5e28;background-color:var(--orange)}.list{align-items:center;background-color:#252422;background-color:var(--dark-brown);color:#fffcf2;color:var(--dark);display:flex;flex-direction:column;flex-grow:1;gap:2rem;padding:3rem 0}.actions button,.list select{font-size:1.4rem;font-weight:700;margin:.5rem;padding:1rem 2rem;text-transform:uppercase}.list ul{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;max-width:1000px;width:90%}.list li{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;gap:1.2rem;padding:1rem;transition:background .3s}.list li:hover{background:#fff3}input[type=checkbox]{accent-color:#e5771f;cursor:pointer;height:2rem;width:2rem}.list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.8rem;transition:transform .2s}.list li button:hover{transform:scale(1.2)}.stats{background-color:#eb5e28;background-color:var(--orange);font-size:1.8rem;font-weight:700;margin-top:auto;padding:2rem;text-align:center}@media (max-width:768px){html{font-size:55%}h1{font-size:5rem}.add-form{align-items:center;flex-direction:column}.list ul{grid-template-columns:1fr}}
/*# sourceMappingURL=main.6f7fe166.css.map*/