*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{width:100%;height:100vh;background-size:cover;background-image:url(https://images.unsplash.com/photo-1542838132-92c53300491e?auto=format&fit=crop&ixlib=rb-1.2.1&q=80&w=1934)}#root{height:100%}h1{font-family:"Lobster",cursive}.container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;overflow:scroll}.cart,.grocery-list{width:80%;display:block;margin:1.2em;border-radius:15px;text-align:center;overflow:hidden}.grocery-list{background-color:#fdf9c9}.cart{background-color:hsla(0,0%,100%,.7)}.cart__header,.grocery-list__header{padding:.5em;font-size:1.5rem;border-radius:15px 15px 0 0}.grocery-list__header{background-color:rgba(148,74,61,.7)}.cart__header{background-color:rgba(243,230,227,.7)}.list{height:25vh;overflow:scroll}.list__item{list-style:none;font-family:"Pacifico",cursive;padding:.3em;cursor:pointer}.list__item:nth-child(2n){background-color:rgba(172,162,140,.5)}.form{display:flex}.cart__btn,.form__btn,.form__input{border:none;border-bottom:1px solid rgba(194,176,173,.7);padding:.5em}.form__input{width:85%;color:currentColor;background-color:rgba(172,162,140,.5)}::-webkit-input-placeholder{font-family:"Pacifico",cursive;text-align:center;font-size:1rem}:-ms-input-placeholder{font-family:"Pacifico",cursive;text-align:center;font-size:1rem}::-ms-input-placeholder{font-family:"Pacifico",cursive;text-align:center;font-size:1rem}.form__input,::placeholder{font-family:"Pacifico",cursive;text-align:center;font-size:1rem}.cart__btn,.form__btn{background-color:#f1a707;font-family:"Lobster",cursive;font-size:1.15rem;transition:background-color .3s ease-in;cursor:pointer}.cart__btn:hover,.form__btn:hover{background-color:#f13e07}.form__btn{width:15%}.cart__btn{width:100%}.cart__btn:focus,.form__btn:focus,.form__input:focus{outline:none}@media screen and (min-width:681px){html{font-size:18px}.container{width:90%;margin:0 auto;flex-direction:row;overflow:hidden}.cart,.grocery-list{width:50%}.list{height:50vh}}@media screen and (min-width:951px){.cart,.grocery-list{width:40%}.list__item{padding:.5em}.cart__btn,.form__btn,.form__input{padding:.8em}}
/*# sourceMappingURL=main.f1f7a1da.chunk.css.map */