@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:#5a3e2b;font-family:sans-serif;font-family:Quicksand;font-size:2.4rem;font-weight:500}.app{display:grid;grid-template-rows:auto auto 1fr auto;min-height:100vh;width:100%}h1{background-color:#f4a226;font-family:Monoton;font-size:clamp(2.4rem,10vw,8rem);font-weight:400;letter-spacing:-5px;padding:2.4rem 1rem;text-align:center;text-transform:uppercase;white-space:nowrap;word-spacing:clamp(4px,2vw,30px)}.add-form{align-items:center;background-color:#e5771f;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding:2.8rem 1.6rem}h3{font-size:2.4rem;margin-right:1.6rem}button,input,select{background-color:#ffebb3;border:none;border-radius:10rem;color:#5a3e2b;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;padding:1.2rem 3.2rem}.add-form button{background-color:#76c7ad;text-transform:uppercase}.list{align-items:center;background-color:#5a3e2b;color:#ffebb3;display:flex;flex-direction:column;gap:3.2rem;justify-content:space-between;padding-bottom:10rem;padding-top:10rem}.actions button,.list select{font-size:1.4rem;font-weight:700;margin-right:2.8rem;margin-top:145px;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:#e5771f;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:#76c7ad;font-weight:700;padding:3.2rem 1.6rem;text-align:center}@media (max-width:768px){html{font-size:56.25%}.add-form h3{margin-right:0;text-align:center;width:100%}.list{padding-bottom:4rem;padding-top:4rem}.list ul{width:90%}.actions button,.list select{margin-right:0;margin-top:2.4rem}}@media (max-width:480px){html{font-size:50%}button,input,select{font-size:1.6rem;padding:1rem 2rem}.add-form input,.add-form select{flex:1 1 auto;min-width:0}.actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}}.dots{margin-left:8px}.dot,.dots{display:inline-block}.dot{animation:dot-blink 1.5s infinite;background-color:#5a3e2b;border-radius:50%;height:5px;margin-right:3px;opacity:0;width:5px}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes dot-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.6fde0c03.css.map*/