@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Quicksand:wght@500;700&display=swap);:root{--brown:#5a3e2b;--orange-light:#f4a226;--orange-dark:#e5771f;--yellow-light:#ffebb3;--turquoise:#76c7ad}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{color:#5a3e2b;color:var(--brown);font-family:sans-serif;font-family:Quicksand;font-size:2.4rem;font-weight:500}.app{display:flex;flex-direction:column;grid-template-rows:auto auto 1fr auto;height:100vh;width:100%}h1{background-color:#f4a226;background-color:var(--orange-light);font-family:Monoton;font-size:8rem;font-weight:400;letter-spacing:-5px;padding:2rem 0;text-align:center;text-transform:uppercase;word-spacing:30px}.add-form{background-color:#e5771f;background-color:var(--orange-dark);padding:2.8rem 2rem}.add-form div{align-items:center;display:flex;gap:.8rem;justify-content:center}h3{font-size:2.4rem;margin-bottom:20px;margin-right:1.6rem}button,input,select{background-color:#ffebb3;background-color:var(--yellow-light);border:none;border-radius:10rem;color:#5a3e2b;color:var(--brown);cursor:pointer;font-family:inherit;font-size:1.8rem;font-weight:700;padding:1.2rem 3.2rem}.add-form button{background-color:#76c7ad;background-color:var(--turquoise);text-transform:uppercase}.add-form .disabled{cursor:not-allowed;filter:grayscale(100%)}.packing-list{align-items:center;background-color:#5a3e2b;background-color:var(--brown);color:#ffebb3;color:var(--yellow-light);display:flex;flex-direction:column;gap:3.2rem;height:100vh;justify-content:space-between;padding:4rem 0}.packing-list-empty{font-size:3rem;font-style:italic}.packing-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%}.packing-list li{align-items:center;display:flex;gap:1.2rem;justify-content:center}.actions button,.packing-list select{font-size:1.4rem;margin:0 .8rem;padding:.8rem 1rem;text-align:center;text-transform:uppercase}.actions,.pagination{align-items:center;display:flex;justify-content:center}input[type=checkbox]{accent-color:#e5771f;accent-color:var(--orange-dark);height:2rem;width:2rem}.itemSpan{white-space:nowrap}.packing-list li button{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:.8rem;transform:translateY(2px)}.stats{background-color:#76c7ad;background-color:var(--turquoise);font-weight:700;padding:3.2rem 4rem;text-align:center}.social-media{display:flex;gap:1.2rem;justify-content:center;margin-top:2rem}.social-media .icon{border:2px solid;border-radius:100%;color:#5a3e2b;color:var(--brown);text-decoration:none;transition:.3s}.social-media .icon:hover{transform:scale(1.2)}.social-media .icon i{align-items:center;display:flex;font-size:2.4rem;height:4rem;justify-content:center;width:4rem}button,input,select{outline:none}.swal2-text{font-size:18px!important}.swal2-popup{font-size:12px!important}.language-flag:hover{cursor:pointer}.language-flag{border:4px solid #f4a226;border:4px solid var(--orange-light);border-radius:10px;margin-left:20px;width:8rem}@media (max-width:800px){h1{font-size:5rem;padding:1rem 0}h3{font-size:2rem;margin-bottom:1rem}button,input,select{font-size:1.4rem;padding:1rem 3rem}.add-form{padding:1.4rem 2rem}.form-inputs{display:block!important}.form-inputs div{justify-content:center;margin-top:10px}.actions{display:block}.actions div{display:flex;justify-content:center;margin-top:10px}.pagination{font-size:1.6rem}.stats{padding:2rem 1rem}.statsText{font-size:20px}}
/*# sourceMappingURL=main.6d86e9ba.css.map*/