html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}body{margin:0;padding:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#fff}.ShopingList{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;text-align:center}.app-background{background-color:#bee3ff;display:flex;justify-content:center;align-items:center;min-height:100vh}.main-container{background-color:#ec645b;width:500px;height:min-content;border-radius:5px;padding:20px;box-shadow:10px 10px 26px #00000059}.title{text-align:center}.add-item-box{background-color:#fbc1bb;color:#ec645b;margin:1em 0 0 1em;display:flex;align-items:center;border-radius:5px;padding:5px}.add-item-box svg{margin:5px;cursor:pointer}.add-item-input{box-sizing:border-box;border:none;background:transparent;color:#ec645b;width:100%;height:30px}input::placeholder{color:#ec645b;font-size:1rem}input:focus{outline:0}.item-list{display:flex;flex-direction:column}.item-container{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #fbc1bb}.item-name{cursor:pointer}.item-name svg{margin:0 5px}.item-action-buttons{display:flex;justify-content:space-between}.remove-button{color:#fff;background-color:red}.total{float:right;padding:10px}.quantity{display:flex;align-items:center;border:1px solid #ec645b;background:#fff;border-radius:50px;font-size:1rem;color:#ec645b;min-width:70px;justify-content:space-between}button{background:transparent;border:none;margin:.4rem;color:#ec645b}button:focus{outline:none}button:hover{cursor:pointer}.completed{text-decoration:line-through}
