@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--color-primary: #f1f1f1;--color-primary-m: #f1f1f19b;--color-secondary: #20201e;--color-secondary-m: #20201ebb;--color-tertiary: #ffff00;--color-quaternary: #000000;--color-quaternary-m: #000000e6}body{min-height:100vh;font-family:outfit;background-color:var(--color-secondary)}p,span{margin:0}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}.rtl{direction:rtl}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 700px){.app{width:100%}}.header{height:35vw;margin:30px auto;padding:0 20px;background:url(./crispylogo-BYpU_MvB.jpeg) no-repeat;background-size:contain;background-position:center;position:relative;border-radius:20px;animation:fadeIn 3s;background-color:var(--color-quaternary-m)}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 3s}.header-contents h2{font-weight:500;color:var(--color-primary);font-size:max(4.2vw,20px)}.header-contents p{color:var(--color-primary);font-size:1vw}@media (max-width: 1050px){.header{height:40vw}.header-contents{max-width:45%}.header-contents h2{font-size:max(4vw,17px)}.header-contents p{display:none}.header-contents button{font-size:max(1vw,10px);padding:8px 10px}}@media (max-width: 900px){.header{height:40vw}.header-contents h2{font-size:max(4vw,17px)}.header-contents p{display:none}.header-contents button{font-size:max(1vw,10px);padding:8px 10px}}@media (max-width: 750px){.header{border-radius:0%;height:50vw}.header-contents{max-width:55%}.header-contents h2{font-size:max(4vw,17px)}.header-contents p{display:none}.header-contents button{font-size:max(1vw,10px);padding:5px 8px;font-size:10px}}.explore-menu{padding:20px;display:flex;flex-direction:column;gap:0px;position:sticky;top:0;z-index:40;background-color:var(--color-secondary)}.headingpara{display:flex;justify-content:space-between;align-items:center}.explore-menu h1,.explore-menu p{color:var(--color-primary);font-weight:500}.explore-menu p span{cursor:pointer}.explore-menu-text{max-width:60%;color:var(--color-primary-m)}.explore-menu-list{position:sticky;top:0;z-index:100;background-color:var(--color-secondary);display:flex;gap:15px;text-align:center;margin:10px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list img{width:100px;height:100px;object-fit:cover;border-radius:10%;cursor:pointer;transition:.2s}.explore-menu-list-item{padding-top:10px}.explore-menu-list-item img{object-fit:cover}.explore-menu-list-item p{margin-top:10px;color:var(--color-primary);font-size:max(1.2vw,16px);cursor:pointer;word-spacing:100px}.explore-menu-list-item:first-child{position:relative;padding-right:10px}.explore-menu-list-item:first-child:after{content:"";position:absolute;width:15px;height:15px;top:2px;right:2px;background-color:var(--color-tertiary);border-radius:50%}.explore-menu hr{margin:10px 0;height:2px;background-color:var(--color-primary);border:none}.explore-menu-list-item .active{border:4px solid var(--color-tertiary);padding:2px}@media (max-width: 750px){.explore-menu-text{max-width:100%;font-size:14px}.explore-menu-list img{width:80px;height:80px;object-fit:cover}.explore-menu-list p{font-size:15px;word-spacing:50px;line-height:18px;font-weight:400}}.food-display{margin-top:30px;width:99.5%}.food-display h2{font-size:max(2vw,24px);font-weight:600;color:var(--color-primary)}.food-display-list{display:flex;flex-direction:column;margin-top:30px;row-gap:10px}@media (max-width: 700px){.food-display{width:95%;margin:auto}}.food-item{background-color:var(--color-primary);box-shadow:5px 1px 5px 0 var(--color-quaternary);transition:.3s;animation:fadeIn 1s;align-items:center;display:flex;flex-direction:row;padding:5px 0;border-radius:4px}.food-item-image{width:100px;height:100px;object-fit:contain;border-radius:4px;scale:.96}.food-item-info{padding:0 20px;display:flex;flex-direction:column;width:100%}.food-item-name-rating{display:flex;align-items:center;justify-content:space-between}.food-item-name-rating p{font-size:24px;font-weight:500;color:var(--color-secondary);word-spacing:5px}.food-item-name-rating img{width:100px}.food-item-desc{font-size:24px;font-weight:500;color:var(--color-secondary);margin-bottom:5px;word-spacing:.1rem}.food-item-price-and-type--price{color:var(--color-secondary);font-weight:500;font-size:20px;text-align:end}.food-item-img-container{position:relative;display:flex;justify-content:center;padding:10px;border-right:3px solid var(--color-secondary-m);height:100%;background-color:#000}.food-display.rtl .food-item-img-container{border:none;border-left:3px solid var(--color-secondary-m)}.food-item-img-container .add{width:20px;position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;background-color:var(--color-primary);padding:2px}.food-item-counter{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:var(--color-primary)}.food-item-price-and-type{display:flex;gap:10px;justify-content:end;padding-bottom:10px}.food-item-price-and-type div{display:flex;flex-direction:column;align-items:center}.food-display .food-item-price-and-type div:first-child{border-right:2px solid var(--color-secondary-m);padding-right:10px;display:flex;flex-direction:column;align-items:center}.food-display.rtl .food-item-price-and-type div:first-child{border:none;border-left:2px solid var(--color-secondary-m);padding-left:10px}@media (max-width: 700px){.food-item-image{width:60px;height:60px}.food-item-name-rating p{font-size:16px}.food-item-name-rating img{width:60px}.food-item-desc{font-size:16px}.food-item-price-and-type--price{font-size:12px}}#logo{width:100%;border-radius:14px}.footer{color:var(--color-quaternary);background-color:var(--color-tertiary);display:flex;flex-direction:column;align-items:center;gap:0px;padding:20px 8vw;margin-top:20px}.footer-content{width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px}.footer-content-left,.footer-content-right,.footer-content-center{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left li,.footer-content-right li,.footer-content-center li{list-style:none;margin-bottom:10px;cursor:pointer}.footer-content-right h2,.footer-content-center h2{color:var(--color-secondary)}.footer-social-icons img{width:40px;margin-right:15px;border-radius:50%}.footer hr{width:100%;height:2px;background-color:var(--color-quaternary);border:none;margin:20px 0}.footer-copyright{width:100%;text-align:center;display:flex;flex-direction:row;justify-content:space-between}@media (max-width: 1050px){#logo{width:50px}.footer-content{display:flex;flex-direction:column;gap:35px}.footer-copyright{text-align:center;display:flex;flex-direction:column}}.map{width:400px;height:100%}@media (max-width: 700px){.footer{padding:20px;background-color:var(--color-secondary)}.footer-content{gap:20px;background-color:var(--color-tertiary)}.footer-content-center{width:100%;background-color:var(--color-secondary)}.footer-content-left{padding-top:10px}.footer-content-center iframe{width:100%;height:200px;margin:auto}.footer-content{margin-bottom:0}.footer-copyright{font-size:12px}.footer hr{margin:5px 0}.footer-content-left,.footer-content-right,.footer-content-center{gap:10px}.footer-content-right ul{margin:0}.footer-content-left,.footer-content-right{padding:10px}.footer-content-center{border:1px solid var(--color-secondary-m)}.footer-copyright{color:var(--color-primary)}}.modal{width:100%;height:100vh;display:flex;flex-direction:row;background-color:var(--color-quaternary-m);justify-content:center;opacity:0;visibility:hidden;pointer-events:none;z-index:50;animation:popupend 15s ease-in-out 1s forwards}.modal-content{width:90%;height:100vh;margin:auto;place-self:center center;background-color:var(--color-primary);display:flex;flex-direction:row;justify-content:center;position:relative}.modal-content button{align-self:flex-start;position:absolute;top:0;right:0;border:none;background-color:var(--color-primary);border-radius:4px;padding:10px}.modal-content img{width:100%;height:100%;object-fit:cover}.modal-content button i{font-size:18px}.modal.closed{display:none}@media (max-width: 700px){.modal-content{height:420px}}@-webkit-keyframes popup{0%{opacity:0;visibility:hidden;pointer-events:none}to{opacity:1;visibility:visible;pointer-events:all}}@keyframes popup{0%{opacity:0;visibility:hidden;pointer-events:none}to{opacity:1;visibility:visible;pointer-events:all}}@keyframes popupend{0%{opacity:1;visibility:visible;pointer-events:all}75%{opacity:1;visibility:visible;pointer-events:all}to{opacity:0;visibility:hidden;pointer-events:none}}