body{font-family:Poppins;position:relative;margin:0;background-color:#fffff1}button{border:none;color:#fff;background-color:none}header{position:fixed;left:0;right:0;display:flex;flex-direction:row;padding:12px 10px;background-color:#272829;box-shadow:0 4px 1px #fda500;margin:none;z-index:100;width:100%}.logo{width:240px}.btn-logo{background-color:transparent;border-style:none;cursor:pointer}.left-header{display:flex;flex:2;justify-content:baseline;padding-left:7%}.right-header{font-family:Arial,Helvetica,sans-serif;display:flex;flex:1;justify-content:end;align-items:center;padding-right:7%}.btn-Order{position:relative;display:flex;align-items:center;background:#008741;font:small-caps bolder 13px Georgia,serif;padding-right:36px;color:#000;letter-spacing:2px;text-shadow:1px .8px 2px#ffaa6e;width:130px;height:53px;border-radius:40px;border:none;box-shadow:0 0 10px 2px #000;transition:.3s;animation:shake 1s infinite}.btn-Order:hover{background:rgb(250,79,11);width:135px;height:58px}.cartQuantity{position:absolute;background-color:#d5590c;border-radius:50%;height:1.1rem;width:1.1rem;top:.4rem;right:.7rem;font-size:12px}.cartImage{width:3rem;height:3rem;position:absolute;right:11px}@media (max-width: 415px){.logo{width:150px}.btn-Order{position:relative;font:small-caps bolder 7px Georgia,serif;padding:0 20px 0 3px;width:80px;height:43px}.cartImage{width:2rem;height:2rem;position:absolute;right:5px}.cartQuantity{height:.7rem;width:.7rem;top:.5rem;right:.4rem;font-size:9px;text-align:center;justify-self:center}.left-header{display:flex;flex:1;justify-content:baseline;padding-left:1%}.right-header{flex:1;justify-content:end;align-items:center;padding-right:20px}header{width:100%}.btn-Order:hover{background:rgb(250,79,11);width:80px;height:43px}}nav{position:fixed;top:95px;left:0;width:130px;height:91%;background-color:#fcedc6;display:flex;flex-direction:column;box-shadow:none;box-shadow:1px 1px 5px #00000086}.scrollbar::-webkit-scrollbar{width:4px}.scrollbar::-webkit-scrollbar-thumb{background-color:#c4c4c4;z-index:100}.scrollbar{overflow:auto;height:100%;visibility:hidden}.scrollbar-inner,.scrollbar:hover{visibility:visible}aside{display:grid;top:95px;bottom:100px;left:0;background-color:#61677a;box-shadow:0 2px 7px gray;margin-top:4px;width:140px;z-index:80}.aside-image{object-fit:contain;width:90px;height:90px}.menu{color:#272829;font:italic small-caps 700 12px Georgia,serif}.side-btn{background-color:#fcedc6;padding-bottom:15px;transition:.15s;border-style:none;color:#000;font:italic small-caps 700 13px Georgia,serif;cursor:pointer}.side-btn>a{text-decoration:none}.side-btn:hover{background-color:#d8d9da}.side-btn:hover .aside-image{width:110px;height:110px}.side-btn.active{background-color:#fff;font:italic small-caps 700 12px/30px Georgia,serif;color:#000;text-shadow:2px 2px 2px rgba(255,94,0,.543);border-left:4px solid rgb(255,0,0);transform:perspective(20px 0px);z-index:10}@media (max-width: 415px){nav{position:fixed;top:71.4px;left:0;width:100%;height:50px;z-index:10;background-color:transparent;box-shadow:none;margin:0}.aside-image{display:none}aside{display:grid;background-color:none;grid-template-columns:1fr 1fr 1fr 1fr;gap:0px;margin:2px 0 0;width:100%;justify-content:center;z-index:80}.side-btn{padding:1px 0;width:103px;border:solid .5px}.side-btn.active{text-shadow:none;border-left:none;border-bottom:1px solid rgb(255,0,0)}.menu{color:#272829;font:italic small-caps 700 8px Georgia,serif}.scrollbar-inner{visibility:visible}.scrollbar:hover{visibility:hidden}.scrollbar::-webkit-scrollbar{width:0px}}.cart-container{background-color:#fff;font:italic small-caps 700 20px/30px Georgia,serif;border:solid 2px;margin:5px;height:auto;text-align:center;padding-bottom:10px;padding-left:10px;padding-right:10px}.cart-desc{display:grid;grid-template-columns:1fr 2fr;font:12px Times New Roman,Times,serif;align-items:center;text-align:start;padding-left:15px;column-gap:10px;margin:5px;height:75%;width:auto}.desc-title{font-size:20px;font-weight:700}.desc-price{font-size:17px;font-weight:500}.cart-image{width:100%;margin-bottom:15px}.cart-quantity{display:grid;column-gap:4px;align-items:center}.cart-quantity-add,.cart-quantity-minus{background-color:#d65205;text-align:center;text-justify:center;color:#fff;font-size:12px;margin:0 2px 2px}.delete-btn{background-color:brown;border:solid 1px black;margin:5px;height:27px}.cart-btn{display:grid;grid-template-columns:4fr 1fr;align-items:center;justify-content:center}.subTotal{display:grid;background-color:#cfcfcf;border:solid 1px black;color:#000;font:18px Times New Roman,Times,serif;align-items:center;padding-left:10px;margin:5px;height:25px}#Cart-Main{margin-top:100px;position:fixed;display:flex;flex-direction:column;right:0;bottom:0;top:0;width:450px;height:100%;background:#61677A;margin:none;z-index:90;display:block;animation:slideFromRight .8s ease-in-out forwards}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.visible-scrollbar{display:block;width:100%;overflow:auto;height:75%;visibility:hidden}.visible-scrollbar::-webkit-scrollbar{width:5px;height:8px;background-color:#aaa}.visible-scrollbar::-webkit-scrollbar-thumb{background:#000}.cart-container,.visible-scrollbar:hover{visibility:visible}.mainTotal{position:absolute;height:25%;width:100%;bottom:0;background-color:#d8d9da;border:solid 5px #515665}.amountPaid{display:flex;flex:1;height:40px;align-items:center;margin:10px;flex-direction:row;font-size:18px;font-weight:700;color:#000}.inputamount{display:flex;height:25px;width:230px;font-size:18px;padding-left:10px}.total{font-size:25px;font-weight:700;color:#050505;margin:5px 10px}.change{font-size:16px;font-weight:700;color:#000;margin:5px 10px}@media (max-width: 415px){.cart-container{background-color:#fff;font:italic small-caps 700 20px/30px Georgia,serif;border:solid 2px;height:130px;text-align:center;padding-bottom:10px;padding-left:10px;padding-right:10px;width:auto;margin:5px}.cart-desc{font:12px Times New Roman,Times,serif;height:75%;margin-top:-10px;width:auto}.desc-title{font-size:16px}.desc-price{font-size:14px}.cart-quantity-add,.cart-quantity-minus{font-size:10px}.subTotal{display:grid;background-color:#cfcfcf;border:solid 1px black;color:#000;font:18px Times New Roman,Times,serif;align-items:center;padding-left:10px;margin:5px;height:25px}#Cart-Main{margin-top:100px;position:fixed;display:flex;flex-direction:column;right:0;bottom:0;top:0;width:100%;height:90%;align-items:center}}main{padding-bottom:100px;padding-top:5px}.notFound{width:100%;background-color:#d8d9da}.BestSellers,.NewProducts,.FamilyMeals,.Breakfast,.ChickenJoy,.Burgers,.JollySpaghetti,.SuperMeals,.ChickenSandwitch,.FriesAndSides,.Desserts,.Beverages{position:relative;display:grid;grid-template-columns:repeat(auto-fill,290px);align-self:center;justify-content:center;background-color:#fffff1;padding-top:170px;margin-left:160px;column-gap:50px;transition:1s;margin-bottom:10px}.BestSellers2,.NewProducts2,.FamilyMeals2,.Breakfast2,.ChickenJoy2,.Burgers2,.JollySpaghetti2,.SuperMeals2,.ChickenSandwitch2,.FriesAndSides2,.Desserts2,.Beverages2{position:relative;display:grid;grid-template-columns:repeat(auto-fill,290px);justify-content:center;background-color:#fffff1;padding-top:170px;margin-left:160px;margin-right:450px;column-gap:50px;transition:1s}.title{position:absolute;text-align:center;top:120px;right:0;left:0;font:italic small-caps 700 42px/60px Georgia,serif;letter-spacing:4px;color:#000;text-shadow:3px 3px 3px rgba(255,94,0,.543)}.item-container{position:relative;display:grid;justify-content:center;height:400px;min-width:200px;margin-top:40px;background-color:#d8d9da;border:solid 1px rgb(253,165,0);box-shadow:0 4px 8px #ff5e00c5}.itemQuantity{position:absolute;background-color:#ff4500;right:5px;color:#fffff1;width:30px;height:30px;text-align:center;padding-top:10px}.itemQuantity:hover{width:30px;height:40px}.item-image{display:flex;height:200px;align-items:center;justify-content:center;margin-top:20px}.image1{width:100%;max-width:250px}.desc-container{padding:0 5px 80px}.item-title{font-size:20px;font-weight:600;text-align:center}.item-price{text-align:center;font-size:20px}.quantity{position:absolute;top:20px;right:20px;width:50px;height:25px;background-color:#ffa600;border:solid 1px rgb(196,95,0)}.order-btn{position:relative;display:inline-block;margin:5px;background-color:transparent}.order-btn a{color:#fff;font-family:Helvetica,sans-serif;font-weight:700;font-size:15px;text-align:center;text-decoration:none;background-color:#098c34;display:block;position:relative;padding:15px 40px;-webkit-tap-highlight-color:rgba(0,0,0,0);text-shadow:0px 1px 0px #000;filter:dropshadow(color=#000,offx=0px,offy=1px);-webkit-box-shadow:inset 0 1px 0 #FFE5C4,0 10px 0 #125102;-moz-box-shadow:inset 0 1px 0 #FFE5C4,0 10px 0 #125102;box-shadow:inset 0 1px #ffe5c4,0 10px #125102;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.order-btn a:active{top:10px;-webkit-box-shadow:inset 0 1px 0 #FFE5C4,inset 0 -3px 0 #125102;-moz-box-shadow:inset 0 1px 0 #FFE5C4,inset 0 -3pxpx 0 #125102;box-shadow:inset 0 1px #ffe5c4,inset 0 -3px #125102}.order-btn:after{content:"";height:100%;width:100%;padding:4px;position:absolute;bottom:-15px;left:-4px;z-index:-1;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.order-container{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center}.search-bar{position:fixed;top:100px;left:150px;display:flex;align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:50%;padding:5px;transition:width .3s ease-in-out;width:40px;box-shadow:1px 1px 3px #828080;cursor:pointer;z-index:1;animation:shake 1s infinite}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.search-bar:hover{width:300px;border-radius:4px}.search-icon{margin-right:10px;color:#555;cursor:pointer}.search-icon>img{height:40px;width:40px}.search-input{border:none;outline:none;font-size:17px;width:0;transition:width .3s ease-in-out}.search-bar:hover .search-input{width:100%;max-width:250px}@media (max-width: 415px){main{padding-bottom:100px;padding-top:20px}.BestSellers,.NewProducts,.FamilyMeals,.Breakfast,.ChickenJoy,.Burgers,.JollySpaghetti,.SuperMeals,.ChickenSandwitch,.FriesAndSides,.Desserts,.Beverages{grid-template-columns:1fr 1fr;padding-top:150px;margin:0 20px 10px;gap:20px}.title{position:absolute;text-align:center;top:97px;right:0;left:0;font:italic small-caps 700 20px/20px Georgia,serif;letter-spacing:4px;color:#000;text-shadow:2px 2px 1px rgba(255,94,0,.543)}.item-container{position:relative;display:grid;justify-content:center;height:290px;min-width:95px;width:175px;margin-top:0}.item-image{height:120px;margin-top:20px;margin-bottom:10px}.desc-container{padding-top:-1px}.item-title{font-size:15px;font-weight:600;text-align:center}.item-price{text-align:center;font-size:15px}.order-btn{position:relative;display:inline-block;margin:2px;background-color:transparent}.order-btn a{padding:10px 25px;font-size:15px}.search-bar{top:115px;left:10px;padding:5px;width:20px;height:20px;z-index:4}.search-icon>img{height:20px;width:20px}}@media (max-width: 573px){.title{font:italic small-caps 700 30px/60px Georgia,serif}}