@import url(https://fonts.googleapis.com/css2?family=Rubik+Doodle+Shadow&display=swap);*{box-sizing:border-box;margin:0;padding:0}.logo{background-color:#b8860b;padding:15px 10px}h1{color:#fff;font-family:Rubik Doodle Shadow,system-ui;font-size:3rem;font-style:normal;font-weight:400;padding:20px 0;text-align:center;text-transform:capitalize}.con{background-color:#ff8c00;width:100%}.form{align-items:center;display:flex;justify-content:space-around;margin:auto;padding:20px 10px;width:80%}h2{color:#333;font-size:1.3rem;line-height:36px}.select{cursor:pointer;text-align:center}.select,input[type=text]{background-color:bisque;border:none;border-radius:20px;margin-right:10px;outline:none;padding:10px 30px}input[type=text]::placeholder{color:#333;font-size:1rem;font-weight:700;opacity:.7;text-transform:capitalize}.add{background-color:bisque;background-color:#12b7b7;border:none;border-radius:20px;color:#333;cursor:pointer;font-weight:700;outline:none;padding:10px 20px;text-transform:uppercase;transition:all .3s}.add:hover{background-color:aqua}.packingLists{background-color:brown;height:350px;padding:10px;position:relative}ul{column-gap:10px;flex-wrap:wrap;justify-content:flex-start;margin:auto;row-gap:10px;text-align:center;width:90%}li,ul{display:flex}li{align-items:center;justify-content:space-around;list-style-type:none;width:10%}input[type=checkbox]{cursor:pointer}li :nth-child(2){color:#fff}li button{background-color:initial;border:none;color:red;cursor:pointer;font-size:1.4rem;outline:none}.sorted{bottom:10px;left:50%;position:absolute;transform:translateX(-50%)}.clear{background-color:bisque;border:none;border-radius:20px;cursor:pointer;margin-right:10px;outline:none;padding:10px 30px;text-align:center;transition:all .3s}.clear:hover{background-color:#dbbe99}footer{background-color:#12b7b7;height:calc(100vh - 561px);text-align:center}footer span{color:#333;font-size:1.2rem}@media (max-width:400px){h2{font-size:15px;word-break:break-all}.form{width:100%}form{display:flex;flex-wrap:wrap;justify-content:space-around;row-gap:20px;width:55%}form input[type=text]{width:150px}.sorted{display:flex;justify-content:space-around;width:100%}}
/*# sourceMappingURL=main.06a84a7a.css.map*/