@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;1,300&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;height:100vh;width:100%}h1{background-color:#f4a226;font-family:inherit;font-size:8rem;font-weight:700;letter-spacing:-5px;padding:2.4rem 0;text-align:center;white-space:nowrap;word-spacing:30px}.add-form{align-items:center;background-color:#e5771f;display:flex;gap:.8rem;justify-content:center;padding:2.8rem 0}.add-form div{display:flex;gap:1rem}h3{font-size:2.4rem}button,input,select{background-color:#ffebb3;border:none;border-radius:2rem;color:#5a3e2b;cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;outline:none;padding:1.2rem 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;padding:4rem 0}.actions button,.list select{font-size:1.4rem;font-weight:700;margin:0 .8rem;padding:.8rem 2.4rem;text-transform:uppercase}.actions button{padding:1rem 2.4rem}.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;margin-bottom:auto;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;color:inherit;cursor:pointer;font-size:3rem;padding:.5rem}.list li button:hover{color:#d7122f}.stats{background-color:#76c7ad;font-weight:700;padding:3.2rem 0;text-align:center}.popup-container{align-items:center;background-color:#0000004d;display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:1}.pop-up{background-color:#f4a226;border-radius:2rem;flex-shrink:3;padding:1.8rem}.pop-up p{font-size:1.8rem;margin-bottom:2.5rem}.pop-up div{display:flex;gap:20px;justify-content:center}.pop-up button:first-of-type{background-color:#d7122f;color:#ffebb3}.actions button:hover,.pop-up button:hover{filter:brightness(.85)}@media only screen and (max-width:899px){body{h1{font-size:10vw}.add-form{flex-direction:column;padding:2rem 0}.add-form h3{font-size:2rem}button,input,select{border:none;border-radius:2rem;cursor:pointer;font-family:inherit;font-size:1.7rem;font-weight:700;padding:.9rem 1.7rem}.stats{padding:1.8rem 1rem}.pop-up{max-width:345px}.pop-up p{font-size:1.7rem;margin-bottom:1.5rem}}}
/*# sourceMappingURL=main.149dfc3c.css.map*/