.logo{height:70px;width:auto}.navbaar{display:flex;justify-content:space-between;padding:20px 0;align-items:center}.navbar-menu{display:flex;list-style:none;justify-content:space-between;gap:17px;cursor:pointer}.navbar_right{display:flex;justify-content:space-around;gap:35px;cursor:pointer}.navbaar button{background:transparent;font-size:16px;border-radius:50px;padding:10px 30px;cursor:pointer}.navbaar button:hover{background:#55598a;transition:.3s}.search_icon{height:80%;width:auto}.navbaar .active{padding-bottom:2px;border-bottom:2px solid #55598a}.navbar_search_icon{position:relative}.navbar_search_icon .dot{position:absolute;min-height:15px;min-width:15px;top:-14px;background-color:#bd550f;right:-1px;border-radius:52px}.header{height:34vw;margin:20px auto;background:url(/header_img.png);background-size:cover;position:relative;background-repeat:no-repeat}.header_contents{position:absolute;text-align:start;display:flex;flex-direction:column;align-items:start;gap:1.5vw;max-width:50%;bottom:8%;left:6vw;animation:FadeIn 3s}.header_contents h2{color:#fff;font-size:max(4.5vw,22px);font-weight:600}.header_contents p{color:#fff;font-size:max(1.2vw,14px)}.header_contents button{border:none;color:#f18383;font-weight:500px;font-size:max(1.2vw,14px);padding:1vw 2.3vw;border-radius:50px;cursor:pointer}.explore-menu{display:flex;flex-direction:column;gap:20px}.explore-menu h1{color:#262626;font-weight:500}.explore-menu-text{max-width:60%;color:gray}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;gap:30px;text-align:center;margin:20px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:7.5vw;min-width:80px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item .active{border:4px solid tomato;padding:2px}.explore-menu-list-item p{margin-top:10px;color:#747474;font-size:max(1.4vw,16px);cursor:pointer}.explore-menu hr{margin:10px 0;height:2px;background-color:#e2e2e2;border:none}.food_display{margin-top:50px}.food_display h2{font-size:max(2vw,24px);font-weight:600}.food_display_list{margin:30px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px;row-gap:50px}.foodItem_card{width:100%;margin:auto;border-radius:15px;box-shadow:0 0 10px #00000015;transition:.3s;animation:FadeIn 2s}.foodItem_img{width:100%;height:auto;object-fit:cover;border-radius:15px 15px 0 0}.foodItem_info{padding:20px}.fooItem_name_rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fooItem_name_rating h3{font-size:20px;font-weight:500}.fooItem_name_rating img{width:70px}.foodItem_desc{color:#676767;font-size:16px;margin-bottom:10px}.foodItem_price{color:#e66423;font-size:22px;font-weight:500;margin-bottom:20px}.foodItem_img_container{position:relative}.foodItem_img_container .add{position:absolute;bottom:15px;right:15px;cursor:pointer;border-radius:50%;width:35px}.foodItem_counter{position:absolute;bottom:15px;right:15px;cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px;border-radius:50px;background-color:#fff}.footer{color:#d9d9d9;background-color:#323232;display:flex;flex-direction:column;align-self:center;gap:20px;padding:20px 8vw;padding-top:80px;margin-top:80px}.footer_content{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer_content_left img{width:10vw;height:auto}.footer_content_left,.footer_content_center,.footer_content_right{display:flex;align-items:start;flex-direction:column;gap:20px}.footer_content_left li,.footer_content_center li,.footer_content_right li{list-style:none;margin-bottom:10px;cursor:pointer}.footer_content_center h2,.footer_content_right h2{color:#fff;font-weight:700}.footer_social_icons img{width:46px;margin-right:16px;height:35px}.footer hr{width:100%;height:2px;margin:20px 0;background-color:gray;border:none}.footer_copyright{text-align:center}.LoginPopup{position:absolute;z-index:1;width:100%;height:100%;background-color:#0000;display:grid}.login_pop_container{place-self:center;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:8px;font-size:14px;animation:FadeIn .5s}*{padding:0;margin:0;box-sizing:border-box}body{font-family:Arial,sans-serif;min-width:100vh}a{text-decoration:none;color:inherit}.app{width:85%;margin:auto}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}