@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";.navbar{display:flex;flex-direction:row;justify-content:space-between;padding:30px 0;align-items:center}.logo{height:30px;cursor:pointer}.navbar-menu{display:flex;flex-direction:row;text-align:center;gap:20px;list-style-type:none;font-size:large;color:#49557e}.navbar-menu Link,a{color:#49557e;text-decoration:none}.active{padding-bottom:2px;border-bottom:2px solid #49557e;transition:.3s}.navbar-right{display:flex;flex-direction:row;text-align:center;gap:20px}.navbar-right img{height:25px;cursor:pointer}.navbar-right button{border-radius:30px;font-size:16px;cursor:pointer;background:transparent;color:#49557e;border:1px solid tomato;padding:5px 20px;transition:.3s}.navbar-right button:hover{background-color:#fff4f2}.basket{position:relative}.dot{position:absolute;top:-5px;right:-5px;min-height:10px;min-width:10px;border-radius:50%;background-color:tomato}.header{height:35vw;background:url(/assets/header_img-DfvEA7zQ.png) no-repeat;background-size:contain;position:relative;margin:20px 0}.header-contents{display:flex;flex-direction:column;gap:2vw;width:50%;position:absolute;bottom:10%;left:7vw;text-align:justify;color:#fff;animation:fade 2s}@keyframes fade{0%{opacity:0}to{opacity:1}}.header-contents h1{font-size:4vw}.header-contents p{font-size:1vw}.header-contents button{max-width:120px;padding:10px;font-size:15px;border-radius:20px;cursor:pointer;border:none;color:#747474}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{font-size:3vw;color:#262626}.explore-menu p{width:60%;padding-bottom:1.6vw}.menu-list{display:flex;flex-direction:row;justify-content:space-between;text-align:center}.list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1vw}.list p{font-size:1vw;font-weight:500;cursor:pointer;color:#747474}.list img{height:7.3vw;cursor:pointer;border-radius:50%}.list .active{border:4px solid tomato;padding:2px}.explore-menu hr{height:2px;border:none;background-color:#e2e2e2}.food-display{padding:20px;background-color:#f8f8f8;text-align:center}.food-display h5{margin-bottom:15px;font-size:1.5rem;color:#333}.food-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:40px 30px;justify-content:space-between}.food-item{background-color:#fff;box-shadow:0 2px 4px #0000001a;overflow:hidden;text-align:left;padding-bottom:30px;position:relative;animation:fadein 1s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.food-item:hover{transform:scale(1.02)}.food-item .image{position:relative}.image .white-icon{position:absolute;bottom:15px;right:15px;width:30px;cursor:pointer}.image .red-green-icon{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:row;gap:10px;align-items:center;font-size:15px;background-color:#fff;border-radius:20px;padding:3px;cursor:pointer}.red-green-icon img{width:27px}.food-image{width:100%;height:auto;border-radius:10px 10px 0 0}.name-rating{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.name-rating p{font-size:1rem;color:#333;margin:0}.name-rating img{width:100px;height:auto}.descrip{font-size:.875rem;color:#666;margin:10px 0}.rate{font-size:1.25rem;color:#333;font-weight:700;position:absolute;bottom:0%;left:2px}.mobile{display:flex;flex-direction:column;padding:5rem;text-align:center;gap:40px}.mobile h1{font-weight:500}.mobile img{padding:10px;height:5rem;cursor:pointer}.mobile img:hover{transform:scale(1.05)}.cart{margin:3rem 0}.cart-items{width:100%;margin:3rem 0}.cart-items .heading{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:1rempx;margin:1rem 0;color:gray}.heading .items-list{display:flex;flex-direction:column}.items-list .item{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;gap:10px;margin:.5rem 0;align-items:center;font-size:15px}.item-image{width:40%;border-radius:3px}.cart-items hr{width:93%;background-color:#e2e2e2;border:none;height:1px}.item .remove-icon{cursor:pointer;width:15px}.amount{display:flex;flex-direction:row;justify-content:space-between}.total h3{font-size:20px}.promo-code{width:40%;display:flex;flex-direction:column;gap:1rem}.promo-code p{font-size:18px;color:gray}.promo-code button{padding:10px;font-size:15px}.promo-code .code{width:300px;background-color:#f0f8ff;border-radius:5px;outline:none;border:none;color:gray;text-align:center}.promo-code .submit{width:150px;border-radius:5px;background-color:#000;color:#fff;cursor:pointer}.promo-code .buttons{display:flex;gap:1rem}hr{height:1px;border:none;background-color:#e2e2e2;margin:0}.place-order{display:flex;flex-direction:row;justify-content:space-between;margin:2rem 2rem 4rem}.del-info{width:40%;display:flex;flex-direction:column;gap:3rem}.del-info h1{height:2rem}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.email-add,.street,.phone{grid-column:1/3}.ord{padding:7px;border:1px solid #c9c7c7;outline:none}.total{display:flex;flex-direction:column;width:40%}.total h3{font-size:20px;padding-bottom:20px}.info-part{display:flex;justify-content:space-between;padding:10px 0}.total button{cursor:pointer;border-radius:5px;background-color:tomato;color:#fff;text-align:center;padding:10px 20px;border:none;margin:20px 0}.info-part h6{font-size:15px;font-weight:600;color:gray}.footer{background-color:#323232;display:flex;flex-direction:column;color:#fff;align-items:center;justify-content:center;padding:10px 0}.footer-content{text-justify:center;display:grid;grid-template-columns:3fr 1fr 1fr;justify-content:space-between;gap:5rem;padding:3rem 7rem}.footer-content h6{font-size:20px;padding:10px 0}.footer-content li{list-style:none;font-size:14px;padding:4px;cursor:pointer}.footer-content-left .logo{height:70px;padding:20px 0}.footer-content-left .share-img{height:60px;padding:20px 20px 0 0;cursor:pointer}.copyright{padding-bottom:10px}.login-signup{position:absolute;display:grid;z-index:1;background-color:#00000090;width:100%;height:100%}.login-container{place-self:center;width:300px;background-color:#fff;display:flex;flex-direction:column;padding:1.4rem;border-radius:10px;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:1rem}.title img{cursor:pointer;width:20px}.title h6{font-size:20px}.login-container .input{display:flex;flex-direction:column;gap:20px}.input input{width:100%;padding:7px;border-radius:5px;outline:none;border:1px solid #c9c9c9}.submit button{width:100%;background-color:tomato;color:#fff;font-size:1rem;padding:5px;border-radius:2px;border:none;margin:1.2rem 0;cursor:pointer}.checkbox{display:flex;flex-direction:row;gap:10px;align-items:center;padding-bottom:10px}.checkbox input{cursor:pointer}.checkbox p{font-size:14px;color:gray;padding:10px 0}.change p{font-size:12px}.change span{cursor:pointer;color:tomato}*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh}.app{width:80%;margin:auto}