@import url(https://fonts.googleapis.com/css2?family=Anton&family=BBH+Bartle&family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#000;font-family:sans-serif;font-family:Poppins,sans-serif;font-size:2.4rem;font-weight:500}.app{display:grid;grid-template-rows:auto auto 1fr auto;height:100vh;width:100%}h1{background-color:#000;color:#fff;font-family:BBH Bartle,sans-serif;font-size:7rem;font-weight:400;padding:2.4rem 0;text-align:center;text-transform:uppercase;word-spacing:30px}.add-form{align-items:center;background-color:#474646;color:#fff;display:flex;gap:.8rem;justify-content:center;padding:2.8rem 0}h3{font-size:2.4rem;margin-right:1.6rem}button,input,select{background-color:#fff;border:none;border-radius:10rem;color:#000;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;padding:1.2rem 3.2rem}.add-form button{background-color:#017df1;text-transform:uppercase}.list{align-items:center;background-color:#eee;color:#000;display:flex;flex-direction:column;gap:3.2rem;justify-content:space-between;padding:4rem 0}.actions button,.list select{border:1px solid #000;font-size:1.4rem;font-weight:700;margin:0 .8rem;padding:.8rem 2.4rem;text-transform:uppercase}.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;width:80%}.list li{align-items:center;display:flex;gap:1.2rem}input[type=checkbox]{accent-color:#017df1;height:2rem;width:2rem}.list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background-color:#017df1;font-weight:700;padding:3.2rem 0;text-align:center}@media (max-width:768px){.app{grid-template-rows:auto auto 1fr auto;height:auto;min-height:100vh}h1{font-size:3rem;word-spacing:8px}.add-form,h1{padding:1.6rem 1rem}.add-form{flex-direction:column;gap:1rem;text-align:center}h3{font-size:1.6rem;margin-right:0}button,input,select{font-size:1.4rem;max-width:320px;padding:1rem 1.6rem;width:100%}.add-form button{width:100%}.list{gap:2rem;padding:2rem 1rem}.list ul{grid-template-columns:1fr;width:100%}.list li{font-size:1.4rem;justify-content:space-between}.actions{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.actions button,.list select{margin:0;max-width:280px;width:100%}.stats{font-size:1.4rem;padding:1.6rem 1rem}}
/*# sourceMappingURL=main.7c182cfa.css.map*/