:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{width:100%}nav{display:flex;position:sticky;color:orange;font-size:10px;top:0;width:100%;justify-content:space-between;align-items:center;flex-direction:row;z-index:2000;background-color:#242424}.name{display:flex;width:20%;font-weight:bolder;margin-left:2%;font-size:1em;justify-content:center;align-items:center;flex-direction:row;gap:10px}.name p{font-size:5em}.name img{height:60px;width:5.5em}.container{display:flex;width:70%;height:50px;justify-content:space-between;align-items:center}.nav{display:flex;width:70%;justify-content:space-between;flex-direction:row;align-items:center}.nav button{border:none;background-color:#242424;transform:scale(1.6);color:orange;cursor:pointer;font-size:1.5em}.nav button:hover{color:gray}.log{width:15%;display:flex;justify-content:space-between;margin-right:2%}.log button{background-color:#242424;border:1px solid orange;cursor:pointer;color:orange;font-size:1.9em;width:45%;height:30px;align-self:center}.log button:hover{border-color:gray}.search-form{display:flex;justify-content:center;align-items:center;width:45%;margin-left:auto;margin-right:auto;height:60px;gap:35px}.search-form button{background-color:#242424;border:1px solid orange;cursor:pointer;transform:scale(1.3);width:10%;height:25px;color:orange;font-size:1em}.search-form button:hover{border:1px solid gray;color:orange}.search-form input{height:35px;width:40%;font-size:1em}.search-form input:focus{border:1px solid orange}.cartlist p{font-size:1.7em}.cartlist ul{width:300px;left:-250%}.listitem{display:flex;flex-direction:column;align-items:center;width:98%;height:140px;background-color:#242424}.cartlist .listitem{min-height:140px}.listitem .iteminfo{display:flex;flex-direction:row;height:70%;width:100%}.maininfo{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:60%;height:100%}.iteminfo img{width:40%;height:100%}.maininfo .name{display:flex;font-size:1.3em;font-weight:bolder;width:95%;text-align:center;justify-content:center;margin-left:-5px;margin-top:-2px}.maininfo .ingredients{font-size:1.2em;width:95%;overflow-wrap:break-word;text-align:center}.maininfo .quntity{display:flex;font-size:1.3em;font-weight:bolder;margin-top:-10px;height:20%;width:100%;text-align:center;justify-content:center}.maininfo .price{font-size:1.6em;height:20%;width:100%;margin-top:-10px;text-align:center}.itembuttons{display:flex;flex-direction:row;justify-content:space-around;align-items:center;height:30%;width:80%}.itembuttons button{border:none;height:50%;width:auto;align-self:center}.cart-buttons{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;height:40px}.cart-buttons button{font-size:1.2em;width:25%;height:20px;font-weight:700;border:1px solid orange}.cart-buttons button:hover{border:1px solid gray;color:orange}.first{width:100%;position:relative}.first img{width:100%;height:1000px;filter:blur(3px)}.first p{position:absolute;font-size:5rem;top:25%;left:auto;right:auto;width:100%;text-align:center;color:orange;font-weight:bolder}nav ul p{font-size:larger;font-weight:bolder}.second{display:flex;align-items:center;width:100%;height:900px;font-size:10px;flex-direction:row;justify-content:space-around;opacity:0;transition:all 2s 0s ease-in-out}.seconddisplay{opacity:100}.meanu{display:flex;flex-direction:column;align-items:center;align-self:start;justify-content:space-around;width:15%;height:85%;border:1px solid orange;margin-top:35px;border-radius:50px}.meanu p{text-decoration:underline;font-size:3.5em;font-weight:bolder;color:orange;height:10px}.meanu button{border:none;background-color:#242424;color:orange;font-size:2em;cursor:pointer}.meanu button:hover,.meanu .clicked{text-decoration:underline;transform:scale(1.2)}.second .items{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;height:100%}.second .list{width:100%;height:80%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.second .list .listitem{width:30%;height:40%;list-style:none}.second .listitem .itembuttons{width:100%}.second .listitem button{display:flex;justify-content:space-around;align-items:center;background-color:#242424;border:1px solid orange;color:orange;font-size:1.35em;width:33%;cursor:pointer}.second .listitem button:hover{border:1px solid gray}.pages{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;height:6%;width:60%}.pages-container{display:flex;align-items:center;overflow-x:hidden;min-width:140px;max-width:140px;gap:10px}.pages button{max-width:20px;min-width:20px;text-align:center;background-color:#242424;border:none;color:orange;font-size:larger;cursor:pointer;font-size:15px}.pages button:hover,.pages .clicked{text-decoration:underline}.third{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:50px;width:100%;height:1000px;opacity:0;transition:all 2s 0s ease-in-out}.thirddisplay{opacity:100}.third p{color:orange;text-decoration:underline;font-size:6em;font-weight:bolder}.third .search-form{align-items:center}.third .search-form button{border:1px solid orange;background-color:#242424;color:orange;font-size:2em;width:11%;height:30px}.third .search-form button:hover{border:1px solid gray}.third input{width:50%;font-size:2.5em;height:40px}.third input:focus{width:50%;font-size:2.5em;height:40px;border:1px solid orange}.third .items{height:700px;display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center}.third .list{width:75%;height:85%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.third .list .listitem{width:30%;height:40%;list-style:none}.third .pages{height:10%;align-items:start}.third .pages button{border:none;cursor:pointer;font-size:2em}.third .listitem p{text-decoration:none}.third .listitem .itembuttons{width:100%;justify-content:space-around}.third .listitem button{display:flex;justify-content:space-around;align-items:center;border:1px solid orange;background-color:#242424;color:orange;cursor:pointer;font-size:1.5em;height:60%;width:32%}.third .listitem button:hover{border:1px solid gray}.fourth{display:flex;flex-direction:column;align-items:center;justify-content:start;height:750px;width:100%;gap:100px;font-size:10px;opacity:0;transition:all 2s 0s ease-in-out}.fourthdisplay{opacity:100}.fourth p{font-size:6em;color:orange;text-decoration:underline;font-weight:bolder;margin-top:-10px}.slider{display:flex;flex-direction:row;justify-content:center;width:85%}.slider .items-container{display:flex;flex-wrap:nowrap;overflow-x:hidden;overflow-y:hidden;flex-direction:row;width:920px;gap:40px;height:350px}.slider .none{text-decoration:none;text-align:center;font-size:3.5em;align-self:center;margin-left:5%;width:90%}.items-container ul{display:flex;flex-direction:row;gap:40px;width:100%;align-items:center;overflow-x:hidden;transition:all 0s 1s ease-in-out}.items-container .listitem{min-width:200px;max-width:200px;height:80%;list-style:none}.items-container .listitem .maininfo{width:50%;justify-content:space-around}.items-container .listitem img{width:50%}.items-container .listitem p{text-decoration:none}.items-container .listitem .maininfo .name{font-size:1.15em}.items-container .listitem .maininfo .ingredients{font-size:.95em;font-weight:400}.items-container .listitem .maininfo .price{font-size:1.15em}.items-container .listitem .itembuttons{width:100%}.items-container .listitem .itembuttons button{border:1px solid orange;background-color:#242424;color:orange;height:50%;cursor:pointer;width:45%;font-size:1.3em}.items-container .listitem .itembuttons button:hover{border:1px solid gray}.fourth .next{height:30%;align-self:center;font-size:3em;margin-left:50px;color:orange;font-weight:700;background-color:#242424;border:none;cursor:pointer}.fourth .prev{height:30%;align-self:center;font-size:3em;margin-right:50px;color:orange;font-weight:700;background-color:#242424;border:none;cursor:pointer}.taps{display:flex;flex-direction:row;justify-content:space-evenly;gap:40px;flex-wrap:wrap;height:80px;margin-top:-20px}.taps button{height:20px;width:25px;background-color:#242424;border:1px solid orange;border-radius:180%}.taps .clicked{background-color:orange}.taps button:hover{cursor:pointer}.loginfavourite{display:flex;flex-direction:column;gap:90px;align-items:center;margin-top:100px}.loginfavourite p{font-size:4em;text-decoration:none}.loginfavourite button{width:5.5em;font-weight:700;font-size:2.9em;color:orange;background-color:#242424;border:1px solid orange;cursor:pointer;height:1.9em}.loginfavourite button:hover{border:1px solid gray}.fifth{display:flex;flex-direction:column;justify-content:center;font-size:10px;width:90%;margin-left:auto;margin-right:auto;opacity:0;transition:all 3s 0s ease-in-out}.fifthdisplay{opacity:100}.fifth p{font-size:7em;color:orange;text-decoration:underline;font-weight:bolder;align-self:center}.fifth .locations{display:flex;flex-direction:column;width:100%}.locations .start{width:50%;justify-content:start;align-self:flex-start;height:550px}.locations .end{display:flex;flex-direction:column;width:50%;align-self:flex-end;height:550px}.locations p{font-size:4em;text-align:center;height:100px}.locations .location{height:400px;width:100%}.leaflet-container{height:100%;width:100%}.sixth{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background-color:#353535;width:100%;height:200px;opacity:0;transition:all 2s 0s ease-in-out}.sixth h3{font-weight:bolder;font-size:2.5em;text-decoration:underline}.contactme{display:flex;flex-direction:row;width:100%;align-items:center;justify-content:center;height:40%;gap:5%}.contactme a{width:6%;height:40%;cursor:pointer}.contactme img{width:100%;height:100%}.footer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:28%;background-color:#000;height:20%;font-weight:700}.sixthdisplay{opacity:100}.list p{color:orange;font-size:5em;align-self:center;text-align:center}.loading{border:none;border-radius:180%;border-right:2px solid orange;background-color:#242424;width:7em;height:7em;animation-timing-function:linear;animation:rotate 1s ease-in-out infinite}.signedin{display:flex;flex-direction:row;justify-content:space-around;width:20%}.signedin button{border:none;background-color:#242424;font-size:1.8em;color:orange;cursor:pointer}.signedin button:hover{text-decoration:underline}.signedin .signout{color:red}.third .listitem .name{color:#ff8c00}.second .listitem .name{color:#ff8c00;font-size:1.5em}.fourth .listitem .name,.name{color:#ff8c00}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.formdialog p{color:orange;font-size:x-large}.formdialog{display:flex;height:85%;width:90%;flex-direction:column;justify-content:center;align-items:center}.formdialog div{width:70%;height:20%}.formdialog input{width:100%;height:27px}.formdialog p{font-size:2.7em}.thankyou{color:orange;font-size:4em}.contact{display:flex;flex-direction:column;height:60%;color:orange;align-items:center;justify-content:space-around;font-size:3em;font-weight:700}.contact p{text-align:center}.intro{position:absolute;text-align:center;transition:all 2s 0s ease}.dialog{font-size:10px;color:orange}.display{transform:translate(-100%);opacity:0%}.dialogitems{display:flex;justify-content:center;height:55%;width:65%;border:1px solid orange;overflow:auto;flex-wrap:wrap;background-color:#353535;gap:5%}.dialogitems .listitem{background-color:#242424;height:45%;width:95%}.dialogitems .listitem .iteminfo{height:100%}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#00000080}.dialog{position:fixed;top:100%;left:22.5%;width:55%;height:60%;background-color:#242424;z-index:15000;display:flex;flex-direction:column;align-items:center;justify-content:space-around;opacity:0;transition:all 1s 0s ease-in-out}.dialogdisplay{top:20%;opacity:100}.totalprice{font-size:3.8em;font-weight:bolder;color:orange;text-align:center}.button-container{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center}.button-container button{width:25%;height:35px;border:1px solid orange;color:orange;background-color:#242424;font-size:2em;cursor:pointer}.button-container button:hover{border:1px solid gray}.signindialog{display:flex;flex-direction:column;height:70%;width:70%;align-items:center;justify-content:center;gap:7%}.signindialog div{display:flex;width:90%;justify-content:center;flex-direction:column;align-items:center;gap:10px;height:25%}.signindialog p{font-size:2.2em}.signindialog input{width:85%;height:40px;font-size:2em}.logincontainer{display:flex;gap:20px}.login{width:20%;font-size:2.8em;color:orange;background-color:#242424;border:1px solid orange;cursor:pointer;height:45px}.login:hover{border:1px solid grey}.reset{width:40%;font-size:1.5em;color:orange;background-color:#242424;border:none;cursor:pointer}.reset:hover{text-decoration:underline}.signupdialog{display:flex;flex-direction:column;height:92%;width:70%;align-items:center;justify-content:space-around;gap:5px}.signupdialog div{display:flex;flex-direction:column;width:90%}.signupdialog input{width:100%;height:30px;font-size:2em}.signupdialog div p{font-size:2.3em}.signup{width:17%;height:37px;border:1px solid orange;color:orange;background-color:#242424;font-size:2em;cursor:pointer}.signup:hover{border:1px solid gray}.close{display:flex;align-self:flex-end;justify-content:end;font-size:2.5em;height:5%;color:orange;border:none;background-color:#242424;cursor:pointer;margin-right:5px}.stripe{display:flex;width:50%;color:#00f;align-items:center;height:20%;font-size:2em;justify-content:center;cursor:pointer;font-weight:bolder;border-width:1px;border-color:#00f}.stripeimg{width:45%;height:55px}.delivry{color:orange;border:none;background-color:#242424;font-size:2.5em;cursor:pointer;font-weight:bolder}.delivry:hover{text-decoration:underline}.admin .container p{font-size:3.7em;font-weight:bolder;width:60%;text-align:center}.admin .body{display:flex;font-size:10px;width:100%;height:850px}.admin .dashboard{display:flex;flex-direction:column;width:20%;align-items:center;margin-top:7%;gap:100px}.admin .dashboard button{color:orange;font-size:2em;border:none;background-color:#242424;cursor:pointer}.admin .dashboard button:hover,.admin .dashboard .clicked button{text-decoration:underline}.admin .outlet{display:flex;flex-direction:column;width:80%;height:850px;background-color:#242424}.admin .logincontainer{display:flex;width:100%;background-color:#242424;height:100%;justify-content:center;align-items:center}.admin .logincontainer .login{display:flex;flex-direction:column;cursor:default;width:50%;height:50%;border:none;gap:5%}.admin .logincontainer .login input{width:65%;height:30px;font-size:1em}.admin .logincontainer .login p{font-size:1.2em}.admin .logincontainer .login button{font-size:1.1em;border:1px solid orange;width:13%;height:1.2em;margin-left:25%;cursor:pointer}.admin .logincontainer .login button:hover{border:1px solid gray}.admin .products{display:flex;flex-direction:column;align-items:center;margin-top:5%;width:100%;height:90%;overflow:auto;gap:50px}.admin .products .listitem{width:60%;flex-direction:column;color:orange;min-height:250px;font-size:1.2em}.admin .products .listitem .type{font-size:1.4em}.admin .outlet .price{font-size:1.2em}.admin .products .itembuttons{height:20%}.admin .products .listitem button{font-size:2em;width:17%;height:27px;font-weight:700;border:1px solid orange;color:orange;background-color:#242424;cursor:pointer}.admin .products .listitem button:hover{border:1px solid gray}.admin .outlet .logincontainer .addcontainer{height:80%;font-size:1.5em}.orderitem{justify-content:space-between;min-height:250px;border:1px solid orange}.orderitem .maininfo{width:100%;font-size:1.5em}.err{font-size:1.5em;color:red}.button-container{width:60%}.button-container button{font-size:2.3em}.button-container-cartitems{width:70%}.button-container-cartitems button{width:25%;font-size:2em;height:47px}.button-container-cartitems .close{display:flex;align-items:center;justify-content:center;font-size:2.5em}.deliveryadress{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:60%}.deliveryadress p{width:100%;font-size:2em}.deliveryadress input{width:100%;height:30px;font-size:2em}.signindialog p{font-size:2.5em}.myorders-list{width:250px}.myorders-list .orderitem{width:95%;background-color:#242424;display:flex;flex-direction:column;align-items:center;gap:15px;min-height:200px;justify-content:center;text-align:center;font-size:1.1em}.myorders-list .orderitem .details{font-size:1em}.myorders-list .button-orders{display:flex;align-items:center;justify-content:center;width:100%;height:35px}.myorders-list .button-orders button{width:30%;font-size:2.1em;border:1px solid orange}.myorders-list .button-orders button:hover{border:1px solid gray;text-decoration:none}.admin .products .orderitem .iteminfo{height:75%}.admin .products .orderitem .itembuttons{height:10%}.admin .products .orderitem .delete{height:8%}.orderitem{justify-content:space-around}.admin .products .listitem p{text-align:center}.admin .products .orderitem{min-height:350px}@media only screen and (max-width: 1440px){nav{font-size:8px}.cartlist .listitem .iteminfo{font-size:1.3em}.first p{font-size:4.5rem}.second{font-size:9px}.second .listitem button{width:36%}.third .list{height:88%;width:82%}.dialog{height:53%}.admin .products .listitem button{font-size:1.7em}.loginfavourite button{font-size:3.5em;width:4.7em}.myorders-list .orderitem{font-size:1.2em}}@media only screen and (max-width: 1024px){nav{font-size:6px}.log{width:20%}.log button{font-size:2.4em}.search-form{font-size:.85em}.search-form button{width:15%}.search-form input{width:50%}.first p{font-size:3.5rem}.first img{height:600px}.second{font-size:8px}.second .listitem button{width:40%;font-size:1.2em}.third{font-size:8px;height:800px}.third .list{width:85%}.fourth .items-container{width:680px}.fourth .next{margin-left:10px}.loginfavourite button{font-size:3em;width:4.5em}.cartlist ul{width:200px}.dialog{width:65%;left:17.5%;font-size:8px;height:60%}.dialog .button-container button{width:19%}.dialog .button-container-cartitems button{width:25%}.admin .body{font-size:9px}.admin .logincontainer .login{font-size:2.4em}.admin .logincontainer .login button{margin-left:35%}.admin .logincontainer .login input{width:70%}.myorders-list .orderitem{min-height:160px;font-size:1.35em}.myorders-list .button-orders button{width:25%;font-size:2.2em}}@media only screen and (max-width: 768px){nav{font-size:4.6px}.log button{height:20px}.name img{height:35px;width:20px}.search-form{font-size:.7em}.search-form button{height:19px}.search-form input{height:27px;width:55%;font-size:1.2em}.first p{top:27%;font-size:2.5rem}.first img{height:650px}.second{font-size:7.5px;height:850px}.second .meanu{width:20%}.second .items{width:70%}.third{font-size:7px;height:750px}.third .itembuttons button{width:40%}.third .search-form button{width:18%}.third .search-form input{width:65%;height:40px}.fourth .items-container{width:440px}.fourth{height:600px;font-size:9px;gap:60px}.fourth .next{margin-left:0}.taps button{height:17px}.fifth{font-size:8px}.cartlist ul{width:180px}.cartlist .listitem{height:100px}.cartlist .cart-buttons button{height:15px;width:20%}.dialog{font-size:7px;height:60%}.dialog .button-container button{width:25%;height:35px}.admin .logincontainer .login button{margin-left:28%;width:20%;font-size:1.2em}.dialog .button-container-cartitems button{width:27%}.dialog .button-container-cartitems .ContinuetoPayment{font-size:1.55em}.dialog .totalprice{font-size:3em}.signup{width:20%}.third .search-form button,.third input{font-size:3em}.admin .body{font-size:7px}.myorders-list{width:190px}.myorders-list .orderitem{font-size:1.6em;height:150px}.sixth{height:150px}.sixth h3{font-size:1.9em}.footer{gap:20%}}@media only screen and (max-width: 425px){nav{flex-direction:column}.name{width:100%}.container{width:100%;height:40px}.nav{width:75%;justify-content:space-around}.log{width:25%;justify-content:space-around}.log button{height:15px;width:35%;font-size:1.9em}.search-form{width:78%;font-size:.55em;height:45px;gap:16px}.search-form button{height:16px;font-weight:700}.search-form input{height:25px;width:45%}.first img{height:450px}.first p{top:32%;font-size:1.3rem}.second{font-size:5.6px;height:600px}.second .maininfo .price{font-size:1.3em}.second .items{width:77%}.second .iteminfo img{height:80%}.second .list .listitem{width:42%;height:32%}.second .listitem .itembuttons{height:25%}.second .listitem .iteminfo{height:75%}.second .listitem .iteminfo p{font-size:1.2em}.second .listitem .iteminfo .maininfo{justify-content:space-around}.second .listitem .iteminfo .maininfo .price{height:auto}.second .meanu{width:22%;align-self:self-start;height:85%}.second .list{height:84%;align-self:self-start}.second .pages{height:5%}.second .pages button{height:10%;font-size:10px}.third{font-size:5px;height:650px;justify-content:space-around;gap:20px}.third p{font-size:5em}.third .list{width:90%;height:90%}.third .search-form button{font-size:2.5em;width:15%;height:22px}.third .search-form input{font-size:3.5em;height:29px}.third .items{height:600px}.third .listitem{min-width:40%;max-height:30%}.fourth{height:420px;font-size:5px;gap:15px}.fourth .listitem{height:65%}.fourth p{font-size:5em}.fourth .items-container{font-size:9.5px;width:200px}.fourth .items-container .listitem .itembuttons button{font-size:1.2em}.fourth .prev{margin-right:10px}.loginfavourite{gap:50px}.loginfavourite p{font-size:3.7em}.taps{height:40px;gap:20px}.taps button{height:9px;width:12px}.fifth{font-size:6px;gap:20px}.fifth p{height:50px;font-size:5em}.fifth .location{height:250px}.fifth .start,.fifth .end{height:350px}.sixth p{font-size:8px}.cartlist ul{width:150px}.contact{font-size:2.5em;font-weight:700}.dialog .button-container button{width:30%}.dialog{height:50%;width:60%}.dialog{font-size:7px;width:90%;height:60%;left:5%}.dialog .totalprice{font-size:2.6em}.dialog .button-container button{height:30px;width:35%}.dialog .deliveryadress input{height:25px}.signindialog input{width:100%;height:30px;font-size:2em}.signindialog .err{font-size:2em;text-align:center}.login{width:32%;height:30px}.reset{width:50%}.signup{width:25%;height:27px}.formdialog input{width:100%;height:20px}.thankyou{color:orange;font-size:3em}.stripe{width:60%}.third .search-form button,.third input{font-size:3.5em}.admin .container p{margin-left:10px;width:100%}.admin .body{font-size:6px}.admin .logincontainer .login input{width:100%}.admin .logincontainer .login button{width:32%;margin-left:35%}.admin .products .listitem button{width:32%}.slider .none{font-size:2.7em}.myorders-list{width:165px}.admin .products .orderitem{min-height:250px;font-size:.9em}.admin .products .orderitem button{width:27%;font-size:1em}}