body{font-family:"Roboto",sans-serif;background:#f5f7fa;line-height:2;font-size:0.1rem}body .section-center{width:90vw;max-width:35rem;margin:8rem auto 0;background:white;border-radius:0.5rem;-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1);-webkit-transition:all 0.3s linear;transition:all 0.3s linear;padding:2rem}body .section-center:hover{-webkit-box-shadow:0 5px 15px rgba(18,36,126,0.2);box-shadow:0 5px 15px rgba(18,36,126,0.2)}body .section-center .grocery-form h3{color:#3a3539;margin-bottom:1.5rem;text-align:center;letter-spacing:0.25rem;text-transform:capitalize;line-height:1.25;font-size:1.25rem}body .section-center .grocery-form .form-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body .section-center .grocery-form .form-control #grocery{padding:0.25rem 0.25rem 0.25rem 1rem;background:#d4dbe5;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-color:transparent;font-size:1rem;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;color:#3a3539}body .section-center .grocery-form .form-control .submit-btn{background:#a9b9cc;border-color:transparent;-webkit-box-flex:0;-ms-flex:0 0 5rem;flex:0 0 5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.25rem;text-transform:capitalize;letter-spacing:2px;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;cursor:pointer;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;font-size:0.85rem}body .section-center .grocery-form .form-control .submit-btn:hover{background:#a5d5f8;color:white}body .section-center #list{padding:0.25rem 0.25rem 0.25rem 1rem;background:white;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;border-color:transparent;font-size:1rem;color:#110d0d;width:100%;float:left}body .section-center #list button{background:white;width:5em;height:2em;border-color:transparent;cursor:pointer;margin:0 0.15rem;-webkit-transition:var(--transition);transition:var(--transition);float:right}body .section-center #list button i{cursor:pointer;font-size:0.8rem;margin:0 0.15rem;color:#ab5e7f}body .section-center #list button i:hover{color:#bb2525}body .section-center .clear-btn{text-transform:capitalize;width:10rem;height:1.5rem;display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border-color:transparent;color:#ab5e7f;font-size:0.85rem;letter-spacing:0.25rem;cursor:pointer;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;margin:1.25rem auto 0}body .section-center .clear-btn:hover{color:#bb2525}
/*# sourceMappingURL=style.css.map */