@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap%27";*{margin:0;padding:0;box-sizing:border-box;font-family:Fira Code,monospace}.App{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:gray}.grocery-buddy{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a}h1{margin-bottom:2rem;word-break:break-word}.input-section{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-bottom:1rem}.input-container{display:flex;justify-content:space-between}input{flex-grow:1;padding:.5rem;border:1px solid #cccccc;border-radius:4px;font-size:14px}button{margin-left:1rem;padding:.5rem 1rem;font-size:14px;color:#fff;border:none;border-radius:4px;cursor:pointer}.grocery-list{width:100%;list-style-type:none;padding:0}.grocery-list li{padding:.5rem;border-bottom:1px solid #cccccc;justify-content:space-between;display:flex;align-items:center;font-weight:700;font-size:14px}.grocery-list li:last-child{border-bottom:none}.btn-add{background-color:green}.btn-edit{background-color:#f59c0d}.btn-delete{background-color:#be2626}.btn-clear{border:2px solid black;background-color:#fff;color:#000;font-size:16px;cursor:pointer;border-color:#f44336;color:red}.btn-clear:hover{background:#f44336;color:#fff}.errors{color:red;font-size:14px}