@import"https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-size:2.4rem;font-family:sans-serif;color:#5a3e2b;font-family:Quicksand;font-weight:500;width:80%;height:auto;margin:6rem auto;border:1px solid #5a3e2b;border-radius:2rem}.app{width:100%;height:100vh;display:grid;grid-template-rows:auto auto 1fr auto}.logo{background-color:#f5f2ed;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem 2rem 0 0;padding:2.8rem}span{color:#e5771f;font-weight:600}.logo p{font-size:16px;text-align:center}h1{text-align:center;background-color:#f5f2ed;font-family:inherit;font-size:4rem;text-transform:uppercase;font-weight:400;letter-spacing:1px;padding:2.4rem 0}.add-form{background-color:#f0ba63;padding:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.form-select{display:flex;flex-direction:row;column-gap:1rem}button,select,input{background-color:#fff;color:#5a3e2b;font-family:inherit;border:none;border-radius:10rem;padding:1.2rem 3.2rem;font-weight:700;font-size:1.8rem;cursor:pointer;outline:none}.add-form button{text-transform:uppercase;background-color:#5a3e2b;color:#fff}.list{background-color:#5a3e2b;color:#ffebb3;padding:4rem 0;display:flex;justify-content:space-between;flex-direction:column;gap:3.2rem;align-items:center;flex-wrap:wrap}.actions button,.list select{text-transform:uppercase;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:700;margin:0 .8rem}.list ul{list-style:none;width:80%;gap:1.2rem;display:flex;flex-direction:row;justify-content:start;align-content:start;flex-wrap:wrap;column-gap:2rem}.list li{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30%;padding:1rem;border-radius:1rem;color:#ffebb3;gap:1rem}input[type=checkbox]{height:2rem;width:2rem;accent-color:#e5771f;border:none;outline:none}.list li button{cursor:pointer;background:none;border:none;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background-color:#f5f2ed;text-align:center;font-weight:700;padding:3.2rem 0;border-radius:0 0 2rem 2rem}@media screen and (max-width: 1024px){.add-form{background-color:#f0ba63;padding:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}}@media screen and (max-width: 768px){.add-form{background-color:#f0ba63;padding:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}}@media screen and (max-width: 430px){.add-form{background-color:#f0ba63;padding:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.form-select{display:flex;flex-direction:column;row-gap:1rem}.list{background-color:#5a3e2b;color:#ffebb3;padding:2rem;display:flex;justify-content:space-between;flex-direction:column;justify-content:center;gap:3.2rem;align-items:center;flex-wrap:wrap}.list ul{list-style:none;width:100%;gap:.5rem;display:flex;flex-direction:row;justify-content:center;align-content:center;flex-wrap:wrap;column-gap:2rem}.list li{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:1rem;border-radius:1rem;color:#ffebb3;gap:1rem}.stats{background-color:#f5f2ed;text-align:center;font-weight:700;padding:2rem;border-radius:0 0 2rem 2rem}.actions{display:flex;flex-direction:column;row-gap:1rem}.actions button,.list select{text-transform:uppercase;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:700;margin:0 .8rem}}@media screen and (max-width: 390px){body{font-size:2.4rem;font-family:sans-serif;color:#5a3e2b;font-family:Quicksand;font-weight:500;width:90%;height:auto;margin:4rem auto;border:1px solid #5a3e2b;border-radius:2rem}.add-form{background-color:#f0ba63;padding:2.8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem}.form-select{display:flex;flex-direction:column;row-gap:1rem}.list{background-color:#5a3e2b;color:#ffebb3;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:3.2rem;align-items:center;flex-wrap:wrap;padding-block-end:3rem}.list ul{list-style:none;width:100%;gap:.5rem;display:flex;flex-direction:row;justify-content:center;align-content:center;flex-wrap:wrap;column-gap:2rem}.list li{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:1rem;border-radius:1rem;color:#ffebb3;gap:1rem}.stats{background-color:#f5f2ed;text-align:center;font-weight:700;padding:2rem;border-radius:0 0 2rem 2rem}.actions{display:flex;flex-direction:column;row-gap:1rem}.actions button,.list select{text-transform:uppercase;padding:.8rem 2.4rem;font-size:1.4rem;font-weight:700;margin:0 .8rem}}