*{font-family:"Montserrat",sans-serif;box-sizing:border-box}html,body{margin:0;padding:0}:root{--clr-primary-100: #35a2e8;--clr-primary-200: #0f4160;--clr-accent-100: #ffc662;--clr-warning: #e14b4b;--clr-green: #10b981;--header-height: 4rem}input,select{padding:.75rem 1rem;font-size:1rem;border-radius:.25rem;border:1px solid rgb(175,175,175)}@media screen and (max-width: 800px){input,select,textarea{font-size:16px}}.container{display:flex;flex-direction:column;padding:0 1rem}.container>*+*{margin-top:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem}.app-header button{margin-left:auto}.btn{background:var(--btn-background, var(--clr-primary-100));border:1px solid var(--btn-border-color, var(--btn-background, var(--clr-primary-100)));color:var(--btn-color, #ffffff);padding:.75rem 1rem;border-radius:.25rem;text-transform:uppercase;text-decoration:none;font-size:.875rem;text-align:center;width:fit-content;cursor:pointer}.btn.outline{--btn-background: #ffffff;--btn-border-color: var(--clr-primary-100);--btn-color: var(--clr-primary-100)}.btn.warning{--btn-background: var(--clr-warning)}.btn:disabled{--btn-background: #cecece;--btn-border-color: #cecece;--btn-color: #6e6e6e}.home h3{margin:3rem 0 0}.order-form ul{padding:0;list-style-type:none;margin-block-start:0;margin-block-end:0}.order-form .controls{margin-top:2rem}.order-form .controls *+*,.order-form li *+*{margin-left:.5rem}.order-card{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;border-bottom:1px solid rgb(196,196,196);padding:1rem 0}.order-card .order-details{display:flex;flex-direction:column;gap:.25rem}.order-card .pickup{font-size:.85rem;font-weight:500}.order-card .controls{display:flex;gap:.5rem}.order-card .order-status{padding:.5rem 1rem;border-radius:10rem;border:1px solid grey;text-transform:capitalize}.order-card .order-status.delivered{background:gray;color:#fff}.order-card .items-label{margin-top:1rem}.order-card .item-list{list-style-type:none;padding:0;margin-block-start:0;margin-block-end:0}.sign-in-header{padding:1rem;text-align:center}.sign-in-form{display:flex;flex-direction:column;min-width:26ch;max-width:60ch;margin:0 auto;padding:0 2rem}.sign-in-form label{display:block;font-size:.85rem;margin-bottom:.5rem}.sign-in-form input{margin-bottom:1rem}.error-card{background:var(--clr-warning);color:#fff;font-size:.85rem;padding:1rem;border-radius:.25rem;margin-bottom:1rem;font-weight:300}