@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);:root{--font:"Poppins",sans-serif;--primary:#f16a16;--secondary:#ffc82f;--black:#232323;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}.home__page{background-color:#232323;background-color:var(--black);max-width:100%;min-height:100vh;width:100%}.main__center{flex-direction:column;gap:1rem;height:100%;margin:0 auto;max-width:100%;width:1400px}.home__head,.main__center{align-items:center;display:flex;justify-content:flex-start}.home__head{color:#f16a16;color:var(--primary);font-family:Poppins,sans-serif;font-family:var(--font);font-size:36px;padding:1rem;text-align:left;width:100%}.home__search{align-items:center;display:flex;flex-direction:row;gap:.8rem;justify-content:center;padding:1rem;width:100%}.home__search input{border:none;border-radius:1px;outline:none;width:100%}.home__search button,.home__search input{background-color:#ffc82f;background-color:var(--secondary);color:#232323;color:var(--black);font-family:Poppins,sans-serif;font-family:var(--font);font-size:16px;padding:18px 24px}.home__search button{border:2px solid #232323;border:2px solid var(--black);border-radius:2px;cursor:pointer;font-weight:600;transition:box-shadow .2s linear,-webkit-transform .2s linear;transition:transform .2s linear,box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear,-webkit-transform .2s linear}.drinks__list{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;margin:auto;max-width:100%;padding:1rem;width:100%}.drinks__list h2{color:#f16a16;color:var(--primary);font-family:Poppins,sans-serif;font-family:var(--font);font-size:28px;font-weight:600}.all__drinks{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:center;margin:1rem auto;width:100%}.all__drinks .empty__list{color:#f16a16;color:var(--primary);font-family:Poppins,sans-serif;font-family:var(--font);font-size:20px;width:100%}.drink{align-items:flex-start;background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:4px 8px 4px #ffc82f;box-shadow:4px 8px 4px var(--secondary);display:flex;flex-direction:column;gap:.4rem;height:100%;justify-content:flex-start;max-width:100%;outline:1px solid #fff;outline:1px solid var(--white);width:280px}.drink .drink__image{border-radius:6px 6px 0 0;height:200px;object-fit:cover;width:100%}.drink__details{align-items:flex-start;display:flex;flex-direction:column;gap:.8rem;justify-content:center;padding:.4rem;width:100%}.drink__details h4{font-size:20px}.drink__details h4,.drink__details>p{color:#f16a16;color:var(--primary);font-family:Poppins,sans-serif;font-family:var(--font)}.drink__details>p{font-size:18px}.drink__details div{align-items:center;display:flex;gap:1rem;justify-content:flex-start;width:100%}.drink__details div p{background-color:#ffc82f;background-color:var(--secondary);border-radius:4px;font-size:12px;padding:2px 4px}.drink__desc,.drink__details div p{color:#232323;color:var(--black);font-family:Poppins,sans-serif;font-family:var(--font)}.drink__desc{font-size:16px;padding:.4rem;width:100%}.drink a{background-color:#f16a16;background-color:var(--primary);border-radius:2px;font-size:14px;margin:.4rem;padding:6px 12px;text-decoration:none}.drink a,.filter__head{color:#fff;color:var(--white);font-family:Poppins,sans-serif;font-family:var(--font)}.filter__head{font-size:28px;font-weight:600}.filter__head,.filter__section{padding:1rem .5rem .2rem 1rem;width:100%}.filter__section{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-start}.filter__section button{background-color:initial;border:none;border-radius:4px;color:#f16a16;color:var(--primary);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font);font-size:20px;outline:none;padding:2px 6px}.filter__section button.active{background-color:#ffc82f;background-color:var(--secondary);border:1px solid #232323;border:1px solid var(--black);color:#232323;color:var(--black);outline:1px solid #ffc82f;outline:1px solid var(--secondary);padding:2px 6px}.filter__list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem 2rem;justify-content:center;margin:1rem}.filter__list .empty__list{color:#f16a16;color:var(--primary);font-family:Poppins,sans-serif;font-family:var(--font);font-size:20px;width:100%}.filter__drink{align-items:flex-start;background-color:#fff;background-color:var(--white);border-radius:6px;box-shadow:4px 8px 4px #ffc82f;box-shadow:4px 8px 4px var(--secondary);display:flex;flex-direction:column;gap:.8rem;height:100%;justify-content:flex-start;max-width:100%;outline:1px solid #fff;outline:1px solid var(--white);width:280px}.filter__drink img{border-radius:6px 6px 0 0;height:200px;object-fit:cover;width:100%}.filter__drink-details{align-items:flex-start;display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;margin:.8rem .6rem;width:100%}.filter__drink-details p{color:#f16a16;color:var(--primary);font-size:18px}.filter__drink-details a,.filter__drink-details p{font-family:Poppins,sans-serif;font-family:var(--font)}.filter__drink-details a{background-color:#f16a16;background-color:var(--primary);border-radius:2px;color:#fff;color:var(--white);font-size:14px;padding:6px 12px;text-decoration:none}.each__drink{background-color:#232323;background-color:var(--black);max-width:100%;min-height:100vh;width:100%}.explore__more{align-items:center;display:flex;flex-direction:row;gap:.6rem;height:120px;justify-content:flex-start;margin:auto;max-width:100%;padding:2rem 1rem;width:1400px}.explore__more p:first-child{font-family:Poppins,sans-serif;font-family:var(--font);font-size:24px}.explore__more p a{color:#f16a16;color:var(--primary);text-decoration:none;transition:all .4s linear}.explore__more p a:hover{color:#ffc82f;color:var(--secondary);text-decoration:underline}.explore__more ion-icon,.explore__more p:nth-child(3){color:#fff;color:var(--white);font-size:20px}.explore__more p:nth-child(3){font-family:Poppins,sans-serif;font-family:var(--font)}.each__drink .main__center{flex-direction:row;gap:3rem;margin:auto;max-width:100%;min-height:100%;padding:1rem;width:1400px}.each__drink .main__center,.each__drink-image{align-items:center;display:flex;justify-content:center}.each__drink-image{height:100%}.each__drink-image img{aspect-ratio:1/1;border:1px solid #ffc82f;border:1px solid var(--secondary);border-radius:8px;box-shadow:12px 12px #f16a16;box-shadow:12px 12px var(--primary);height:400px;object-fit:cover;outline:1px solid #ffc82f;outline:1px solid var(--secondary);width:100%}.each__drink-details{flex:1 1;flex-direction:column;gap:2rem;height:100%}.each__drink-details,.more__details{align-items:flex-start;display:flex;justify-content:flex-start}.more__details{gap:1rem;width:100%}.more__details h2{color:#ffc82f;color:var(--secondary);font-size:20px;width:160px}.more__details h2,.more__details p{font-family:Poppins,sans-serif;font-family:var(--font)}.more__details p{color:#fff;color:var(--white);font-size:18px;width:100%}.page__error{background-color:#232323;background-color:var(--black);flex-direction:row;gap:2rem;justify-content:space-around;margin:0 auto;max-width:100%;min-height:100vh;padding:1rem 0;width:1400px}.page__error,.page__side1{align-items:center;display:flex}.page__side1{flex:0 0 auto;flex-direction:column;gap:1rem;justify-content:center;width:40%}.page__side1 h1{font-size:7rem;line-height:normal}.page__side1 h1,.page__side1 p{color:#fff;color:var(--white);font-family:Poppins,sans-serif;font-family:var(--font);text-align:center;width:100%}.page__side1 p{font-size:2rem;font-weight:700}.back__home{background-color:#ffc82f;background-color:var(--secondary);border:2px solid #f16a16;border:2px solid var(--primary);border-radius:8px;box-shadow:-4px -4px #f16a16;box-shadow:-4px -4px var(--primary);color:#fff;color:var(--white);cursor:pointer;font-family:Poppins,sans-serif;font-family:var(--font);font-size:16px;font-weight:600;outline:1px solid #fff;outline:1px solid var(--white);padding:8px 12px;transition:box-shadow .2s linear,-webkit-transform .2s linear;transition:transform .2s linear,box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear,-webkit-transform .2s linear}.back__home:hover{box-shadow:none;-webkit-transform:translate(-4px,-4px);transform:translate(-4px,-4px)}.page__side2{align-items:center;display:flex;flex:0 0 auto;justify-content:center;width:50%}@media (max-width:1024px){.page__error{flex-direction:column;justify-content:center}.page__side1,.page__side2{width:100%}}@media (max-width:700px){.page__side1{order:2}.page__side2{order:1}.page__side2 img{object-fit:cover;width:100%}}
/*# sourceMappingURL=main.0fcc980f.css.map*/