*{box-sizing:border-box;margin:0;padding:0}body{background-color:#c5f5ff}.main-container{width:100%;padding:20px}header{background-color:#fff;border:3px solid #000;align-items:center;gap:50%;width:100%;height:50px;display:flex}header .menu{background-color:#dbf5cc;border-right:3px solid #000;justify-content:center;align-items:center;width:25%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:bolder;display:flex}.search-items{text-align:center;border:2px solid #000;outline:none;width:60%;height:30px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700}.cart{border:2px solid #000;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.input-continer{gap:20px;width:auto;height:auto;display:flex}.menu-container{background-color:#f0f8ff;border:3px solid #000;grid-template-columns:auto;gap:10px;width:100%;height:auto;padding:20px;display:grid}.food{box-sizing:border-box;background-color:#ffe0e0;border:2px solid #000;justify-content:space-between;align-items:flex-start;width:100%;height:150px;padding:20px 30px;transition:all .2s;display:flex}.food:hover{box-shadow:2px 3px #000}@media (width>=1024px){.menu-container{grid-template-columns:auto auto auto}}.food-info{flex-direction:column;gap:8px;display:flex}.food-name{margin:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:22px}.price{font-family:monospace;font-size:24px}.addToCart{flex-direction:column;align-items:center;gap:12px;display:flex}.addToCart button{cursor:pointer;background:#74b9ff;border:2px solid #000;padding:10px 20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;box-shadow:2px 2px #000}.addToCart small{font-family:monospace}@media (width>=1024px){main{gap:20px;width:100%;display:flex}.cart-sidebar{width:500px}}.cart-sidebar{background-color:#dbf5cc;border:3px solid #000;height:auto}.cart-sidebar h3{background-color:#b6f98f;padding:20px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.line{background-color:#000;width:100%;height:2px}.location,.fullname,.phoneNum{justify-content:center;align-items:center;gap:5%;width:80%;height:50px;display:flex}#location,#fullName,#phoneNum{cursor:pointer;background-color:#ff6b6b;border:2px solid #000;width:40px;height:30px;margin-left:50px}#userLocation,#userFullname,#userPhonenum{text-align:center;border:2px solid #000;outline:none;width:100%;height:30px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.cart-item-container{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;width:100%;max-height:600px;padding:10px;display:flex;overflow:hidden scroll}.cart-items{background-color:#fff3c4;border:2px solid #000;width:100%}.cart-items h4{padding:5px;font-family:Courier New,Courier,monospace;font-weight:700}.cart-items h2{text-align:right;margin-right:30px;padding:5px}.cart-items big{padding-left:5px}.remove-button{justify-content:flex-end;align-items:flex-start;width:100%;height:2px;display:flex}.removeFromCart{cursor:pointer;color:#000;border-top:none;border-bottom:3px solid #000;border-left:3px solid #000;border-right:none;outline:none;padding:3px}.removeFromCart:hover{color:#fff;background-color:#eb2d2d}.quantity-control{justify-content:flex-end;align-items:center;width:90%;margin-top:-15px;display:flex}.quantity-control button{cursor:pointer;border:2px solid #000;width:40px;height:30px}.quantity-control button:hover{background-color:#ff6b6b}.quantity-control span{text-align:center;background-color:#74b9ff;border-top:2px solid #000;border-bottom:2px solid #000;justify-content:center;align-items:center;min-width:30px;height:30px;font-family:Arial,Helvetica,sans-serif;font-weight:bolder;display:flex}.bill{background-color:#ffd23f;border-top:4px solid #000;gap:20%;width:100%;height:auto;display:flex}.grand-total{color:#110e0e;padding:10px;font-family:Georgia,Times New Roman,Times,serif}.bill img{width:30%}.order-btn-container{justify-content:center;align-items:center;width:100%;padding:5px;display:flex}#place-order{color:#000;background-color:#ff6b6b;border:2px solid #000;width:40%;height:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700;transition:all .2s}#place-order:hover{cursor:pointer;transform:scale(1.1);box-shadow:3px 3px #000}.popup{border:4px solid #000!important;border-radius:0!important;padding:25px!important;box-shadow:10px 10px #000!important}.place-title{text-transform:uppercase;letter-spacing:1px;font-family:inherit;margin-bottom:20px!important;font-size:1.8rem!important;font-weight:900!important}.success-message{font-size:1rem;font-weight:600;line-height:1.6}.order-details{text-align:left;border:3px solid #000;margin-top:20px;box-shadow:5px 5px #000}.detail{border-bottom:3px solid #000;justify-content:space-between;align-items:center;gap:15px;padding:12px;display:flex}.detail:last-child{border-bottom:none}.detail span{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.8rem;font-weight:900}.detail b{word-break:break-all;font-family:Georgia,Times New Roman,Times,serif;font-size:1rem}.confirm-btn{color:#000;cursor:pointer;background:#fc0;border:3px solid #000;margin-top:25px;padding:12px 22px;font-weight:900;transition:all .1s;box-shadow:5px 5px #000}.confirm-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px #000}.confirm-btn:active{box-shadow:none;transform:translate(5px,5px)}