.main__title-logo{position:relative;font-size:2rem;font-family:title-saint-regus;padding-top:1rem;font-weight:700;text-align:center;z-index:100;background-color:transparent}@media screen and (min-width: 500px){.main__title-logo{font-size:3rem}}@media screen and (min-width: 700px){.main__title-logo{font-size:3.5rem}}@media screen and (min-width: 1500px){.main__title-logo{font-size:4rem}}@media screen and (min-width: 2100px){.main__title-logo{font-size:6rem}}.allcocktails_section-placeholder{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--cocktail-list-bg-color)}.list__allcocktails-placeholder{position:relative;display:flex;width:90%;flex-direction:row;align-items:end;justify-content:end;flex-wrap:wrap;z-index:5}.list__allcocktails-placeholder{margin:0 10vw;padding-top:15vh;position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;z-index:5}.searchbar-placeholder{position:relative;width:calc(90% - 2rem);height:3rem;background-color:#b1b1b1;border:1px solid black;border-radius:100px;margin:2rem 0;padding:0 1rem;overflow:hidden}.searchbar-placeholder:after{content:"";position:absolute;bottom:0;left:-50%;background:rgb(177,177,177);filter:blur(10px);width:200%;height:1rem;z-index:10;transform:rotate(60deg);animation:sheen .5s infinite ease}.allcocktails__card-placeholder{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;height:65vh;width:75vw;padding-top:3vh;border:1px solid black;border-radius:20px;box-shadow:10px 10px #000;margin:2rem 1rem 1rem;margin-bottom:3vh;background-color:#d6d6d6}.allcocktails__title-placeholder{width:70%;height:2rem;border-radius:100px;margin-top:2rem;background-color:#a3a2a2}.allcocktails__img-placeholder{position:relative;width:180px;height:180px;margin-top:1rem;background-color:gray;border-radius:10px;overflow:hidden;width:55vw;margin-top:5vh}.allcocktails__img-placeholder:after{content:"";position:absolute;bottom:0;left:-50%;background:rgb(177,177,177);filter:blur(10px);width:200%;height:1rem;z-index:10;transform:rotate(60deg);animation:sheen .5s infinite ease}@keyframes sheen{to{transform:rotate(60deg) translate(1em,-40em)}}@media screen and (min-width: 400px){.allcocktails__card-placeholder{height:65vh;width:60vw}.allcocktails__img-placeholder{width:45vw}}@media screen and (min-width: 525px){.allcocktails__card-placeholder{height:75vh;width:65vw}.allcocktails__img-placeholder{width:50vw}}@media screen and (min-width: 600px){.allcocktails__card-placeholder{height:90vh;width:60vw}.allcocktails__img-placeholder{max-width:45vw}.searchbar-placeholder{width:calc(70% - 2rem)}}@media screen and (min-width: 735px){.allcocktails__card-placeholder{height:90vh;width:75vw}.allcocktails__img-placeholder{width:55vw}}@media screen and (min-width: 800px){.searchbar-placeholder{width:calc(60% - 2rem)}.allcocktails__card-placeholder{height:105vh;width:60vw}.allcocktails__img-placeholder{max-width:45vw}}@media screen and (min-width: 900px){.allcocktails__card-placeholder{height:110vh;width:55vw}.allcocktails__img-placeholder{max-width:45vw}}@media screen and (min-width: 1200px){.allcocktails__card-placeholder{height:70vh;width:28vw}.allcocktails__img-placeholder{width:20vw}.searchbar-placeholder{position:absolute;top:-5rem;width:calc(30% - 2rem)}}.allcocktails__card{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--crd-bg-color);height:65vh;width:75vw;font-family:text;border:1px solid black;border-radius:20px;margin:2rem 1rem 1rem;margin-bottom:3vh;transition:transform .5s ease-in-out;transform-style:preserve-3d}.allcocktails__frontcard{height:65vh;position:absolute;display:flex;flex-direction:column;justify-content:start;align-items:center;transform-style:preserve-3d;backface-visibility:hidden;width:75vw;box-shadow:10px 10px #000;border-radius:20px}.allcocktails__card h1{padding-top:4vh;font-size:1.5rem;font-weight:700;margin:0 5vw;text-align:center}.allcocktails__img{width:55vw;border-radius:2vh;margin-top:5vh}.allcocktails__backcard{height:65vh;width:75vw;position:absolute;transform:rotateY(180deg);transform-style:preserve-3d;backface-visibility:hidden;box-shadow:10px 10px #000;border-radius:20px}.drink_picto{width:5%;height:auto;margin-right:.5vh}.shaker_picto{width:9%;height:auto;margin-right:.5vh}.allcocktails__backcard h5{font-weight:700}.firstblock__title{display:flex;flex-direction:row;align-items:center;margin-bottom:2.5vh;padding-left:3vw;padding-top:4vh}.secondblock__title{display:flex;flex-direction:row;align-items:center;margin-bottom:2vh;margin-top:2vh;padding-left:3vw;padding-top:4vh}.container_card{perspective:1000px}.container_card:hover .allcocktails__card{transform:rotateY(180deg)}.allcocktails__subTitle{position:relative;align-self:start;font-size:1.5rem;padding:1rem 0 .5rem .5rem}.allcocktails__ingredientsList{padding-left:5vw;list-style-type:disc;margin-left:2vw}.heart__image{width:17vw;position:absolute;z-index:200;top:-2vh;right:-4vw;transform:rotate(25deg);transition:transform ease-in .1s,box-shadow ease-in .25s;cursor:pointer}.heart__image:active{transform:scale(.9)}.cocktail__instruction{width:68vw;overflow-y:auto;height:30vh;margin-left:2vw}.cocktail__instruction::-webkit-scrollbar{width:20px}.cocktail__instruction::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}.cocktail__instruction::-webkit-scrollbar-thumb{background:black;border-radius:10px}.cocktail__instruction::-webkit-scrollbar-thumb:hover{background:#b30000}@media screen and (min-width: 400px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:65vh;width:60vw}.allcocktails__img{width:45vw}.cocktail__instruction{height:30vh;width:52vw}.heart__image{width:14vw}}@media screen and (min-width: 525px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:75vh;width:65vw}.allcocktails__img{width:50vw}.cocktail__instruction{height:35vh;width:60vw}.heart__image{width:15vw}}@media screen and (min-width: 600px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:70vh;width:60vw}.allcocktails__img{max-width:45vw}.cocktail__instruction{height:35vh;width:55vw}.heart__image{width:13vw}}@media screen and (min-width: 700px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:80vh;width:65vw}.allcocktails__img{width:55vw}.cocktail__instruction{height:40vh;width:60vw}.heart__image{width:13vw}}@media screen and (min-width: 800px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:95vh;width:60vw}.allcocktails__img{max-width:45vw}.cocktail__instruction{height:50vh;width:55vw}.heart__image{width:12vw}}@media screen and (min-width: 900px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:100vh;width:55vw}.allcocktails__img{margin-top:10vh;max-width:45vw}.cocktail__instruction{height:50vh;width:50vw}.heart__image{width:11vw}}@media screen and (min-width: 1050px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:90vh;width:45vw}.allcocktails__img{margin-top:10vh;max-width:35vw}.cocktail__instruction{height:40vh;width:40vw}.heart__image{width:9vw}}@media screen and (min-width: 1200px){.allcocktails__card,.allcocktails__frontcard,.allcocktails__backcard{height:80vh;width:28vw}.allcocktails__img,.allcocktails__card h1{width:20vw}.cocktail__instruction{height:37vh;width:23vw}.heart__image{width:6vw;top:-2vh;right:-1.5vw}.firstblock__title{margin-left:0}.allcocktails__ingredientsList{padding-left:1vw}}.Burger-style span{display:block;width:85px;height:5px;background-color:#000;margin:4px 0}.Burger-style span:nth-last-child(2){transform:rotate(15deg);width:45px}.Burger-style{background-color:transparent;border:transparent;cursor:pointer;z-index:1000;position:fixed;top:1rem;left:1rem}.Menu-Burger .modalContainer{background-color:#b8efe2;position:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;z-index:100;box-shadow:10px 10px #000;top:1.6rem;left:1.6rem;width:60vw;height:30vh}.Menu-Burger{position:fixed;top:4.5rem;left:4.5rem;display:flex;justify-content:center;align-items:center;width:30vw;height:40vh;z-index:1000}.span-right{transform:rotate(45deg);width:75px;height:3px;background-color:#000;transition:all .4s ease;margin:4px 0}.hide__midlespan{opacity:0}.span-left{transform:rotate(-45deg);width:75px;height:3px;background-color:#000;transition:all .4s ease}.span-right-close{transform:rotate(0);width:75px;height:3px;background-color:#000;transition:all .4s ease;margin:4px 0}.show__midlespan{opacity:1}.span-left-close{transform:rotate(0);width:75px;height:3px;background-color:#000;transition:all .4s ease}.Menu-Burger .menu_burger__btn{position:relative;height:3rem;border-radius:100px;border:none;box-shadow:10px 10px #000;background-color:#ffff9e;z-index:19;font-family:var(--text-font-family);font-size:1rem;width:30vw;margin-top:2vh}@media all and (min-width: 320px){.Burger-style{top:1rem;left:1rem}.Burger-style span{width:35px;height:3px}.Burger-style span:nth-last-child(2){width:25px;height:2px}.Menu-Burger .modalContainer{top:1.6rem;left:1.6rem;width:60vw;height:30vh}.Menu-Burger .menu_burger__btn{width:48vw;height:6vh;box-shadow:5px 5px #000;font-size:.8rem}}@media all and (min-width: 519px){.Burger-style,.Menu-Burger{top:1rem;left:1rem}.Burger-style span{width:60px;height:3px}.Burger-style span:nth-last-child(2){width:35px}.modalContainer{width:35%;height:25%;left:3.5rem;top:3.5rem}.menu_burger__btn{margin-top:3%;width:35vw;height:7vh;left:5px;font-size:1rem}}@media all and (min-width: 600px){.Menu-Burger{top:4rem;left:2rem}.Burger-style span{width:70px;height:4px}.Burger-style span:nth-last-child(2){width:38px}.modalContainer{width:30%;height:30%;left:4rem;top:4.5rem}.menu_burger__btn{margin-top:8%;width:33vw;height:7vh;left:-8px}}@media all and (min-width: 800px){.Menu-Burger{top:4rem;left:2rem}.Burger-style span{width:70px;height:4px}.Burger-style span:nth-last-child(2){width:38px}.modalContainer{width:30%;height:35%;left:4rem;top:4.5rem}.Menu-Burger .menu_burger__btn{width:30vw;height:8vh;left:4px;font-size:1.5rem}}@media screen and (min-width: 1020px){.Burger-style{top:2rem;left:2rem}.Menu-Burger .modalContainer{width:40vw;height:40%;left:3.5rem;top:3rem}.Menu-Burger .menu_burger__btn{width:30vw;height:10vh;left:3px;font-size:1.5rem}}.allCocktails__form{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:1rem 0}.allCocktails__searchbar{position:relative;width:calc(90% - 2rem);height:3rem;background-color:var(--cocktail-list-bg-color);border:1px solid black;border-radius:100px;box-shadow:5px 5px #000;margin:1rem 0;color:var(--btn-font-color);font-family:var(--text-font-family);padding:0 1rem}.allCocktails__resultList{position:absolute;top:4rem;display:flex;flex-direction:column;justify-content:start;align-items:center;list-style:none;text-align:center;width:90%;height:auto;max-height:13rem;overflow:scroll;overflow-x:hidden;margin:0;background-color:var(--recipe-bg-color);z-index:100;box-shadow:10px 10px #000;border-radius:30px;font-family:var(--text-font-family)}.allCocktails__result__li{list-style:none;padding:.5rem 0}.allCocktails__result__li:hover{text-decoration:underline}.allcocktails_section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--cocktail-list-bg-color)}.list__allcocktails{margin:0 10vw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.green_drinks{width:100%;position:fixed;bottom:0;right:0;z-index:0}.allcocktails__button{background-color:var(--crd-bg-color);color:var(--crd-txt-color);border:none;border-radius:5px;padding:10px;margin:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:1}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background:var(--cocktail-list-bg-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--crd-bg-color)}@media screen and (min-width: 500px){.allCocktails__resultList,.allCocktails__searchbar{width:calc(70% - 2rem)}}@media screen and (min-width: 600px){.list__allcocktails{align-items:center;justify-content:center}}@media screen and (min-width: 800px){.allCocktails__resultList,.allCocktails__searchbar{width:calc(60% - 2rem)}}@media all and (min-width: 900px){.allCocktails__form{position:fixed;display:flex;justify-content:flex-end;top:2rem;right:0;margin-right:1rem;width:40%;z-index:40}.allCocktails__result__Li{position:absolute;display:flex;align-items:center;flex-direction:column;top:80%;left:50%;transform:translate(-50%);width:55%;height:13rem;overflow-y:scroll;background-color:var(--recipe-bg-color);border-radius:20px;box-shadow:10px 10px #000}.allCocktails__result__Li{position:relative;padding:.5rem 0;list-style:none;font-size:1rem}.list__allcocktails{margin-top:12vh}}@media screen and (min-width: 1200px){.list__allcocktails{align-items:end;justify-content:end;flex-direction:row;flex-wrap:wrap;margin-top:3rem}}.cocktailRecipe__bg{position:fixed;bottom:0;left:0;width:70%}.cocktailRecipe__motion{position:relative;display:flex;justify-content:center;width:100%}.cocktailRecipe__container{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;background-color:var(--recipe-bg-color);min-height:100vh;font-family:text;padding-bottom:2rem}.cocktailRecipe__form{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.cocktailRecipe__searchbar{position:relative;width:calc(90% - 2rem);height:3rem;background-color:var(--recipe-bg-color);border:1px solid black;border-radius:100px;box-shadow:5px 5px #000;margin:1rem 0;color:var(--btn-font-color);font-family:var(--text-font-family);padding:0 1rem}.cocktailRecipe__resultList{position:relative;width:calc(90% - 2rem)}.cocktailRecipe__resultLi:hover{text-decoration:underline}.cocktailRecipe__similar-btn-responsive{position:relative;width:100%;padding:1.2rem;margin:2rem 0;background-color:transparent;border-radius:2rem;border:none;box-shadow:5px 5px #000;font-family:var(--text-font-family);cursor:pointer;transition:all .3s ease}.cocktailRecipe__similar-btn:hover{border:1px solid black}.cocktailRecipe__similar-btn{position:relative;width:50px;height:50px;margin:2rem 0;padding:0 1rem;border-radius:100px;cursor:pointer;border:none;background-color:#fa7a3f;z-index:1;overflow:hidden;transition:all .3s ease}.cocktailRecipe__similar-btn:hover{width:200px;display:flex;justify-content:start;align-items:center;transition:all .3s ease}.cocktailRecipe__similar-btn:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:transparent;border-radius:50px;z-index:-1;transition:all .3s ease}.cocktailRecipe__similar-btn:hover:before{background-color:#fa7a3f}.cocktailRecipe__similar-btn:after{content:"See similar cocktail";position:absolute;display:flex;justify-content:start;align-items:center;bottom:0;left:0;width:100%;height:100%;opacity:0;white-space:nowrap;border-radius:50px;z-index:-1;transition:all .1s ease;font-family:var(--text-font-family);font-size:1rem}.cocktailRecipe__similar-btn:hover:after{opacity:1;padding:0 2rem;transition:all .3s ease}.cocktailRecipe__container .card{position:relative;display:flex;flex-direction:column;justify-content:start;align-items:center;width:90%;height:auto;border:1px solid black;border-radius:20px;box-shadow:10px 10px #000;background-color:var(--home-bg-color)}.cocktailRecipe__container .card .card__star{position:absolute;top:-3rem;left:-1.5rem;height:6rem;width:3rem}.cocktailRecipe__container .cocktailRecipe__img{position:relative;width:90%;height:auto;margin-top:2rem;border-radius:10px}.cocktailRecipe__container .cocktailRecipe__img-placeholder{position:relative;width:60%;height:50%;margin-top:2rem;border-radius:10px;background-color:gray}.cocktailRecipe__container .cocktailRecipe__title{position:relative;margin:.5rem 0;font-family:title-saint-regus;font-size:1.5rem;text-transform:uppercase}.cocktailRecipe__subTitle{position:relative;align-self:start;font-size:1.5rem;padding:1rem}.cocktailRecipe__ingredientsList{position:relative;display:flex;justify-content:space-around;width:70%;align-self:start;padding-left:.5rem}.cocktailRecipe__container .cocktailRecipe__ingredients{position:relative;padding:.2rem}.cocktailRecipe__container .cocktailRecipe__ingredients:before{content:"-";position:relative;left:0}.cocktailRecipe__container .cocktailRecipe__mesures{position:relative;padding:.2rem}.cocktailRecipe__instructions{position:relative;line-height:1.3rem;padding:1rem}.cocktailRecipe__form{position:relative}.cocktailRecipe__resultList{position:absolute;top:4rem;display:flex;flex-direction:column;justify-content:start;align-items:center;list-style:none;text-align:center;width:90%;height:auto;max-height:13rem;overflow:scroll;overflow-x:hidden;margin:0;background-color:var(--recipe-bg-color);z-index:100;box-shadow:10px 10px #000;border-radius:30px}.cocktailRecipe__resultLi{list-style:none;padding:.5rem 0}@media all and (min-width: 500px){.cocktailRecipe__bg{width:50%}.cocktailRecipe__container .card{width:70%}.cocktailRecipe__resultList,.cocktailRecipe__searchbar{width:calc(70% - 2rem)}}@media all and (min-width: 800px){.cocktailRecipe__bg{width:40%}.cocktailRecipe__container .card{width:60%}.cocktailRecipe__searchbar,.cocktailRecipe__resultList{width:calc(60% - 2rem)}}@media all and (min-width: 900px){.cocktailRecipe__bg{width:30%}.cocktailRecipe__form{position:fixed;display:flex;justify-content:flex-end;top:2rem;right:0;margin-right:1rem;width:40%;z-index:40}.cocktailRecipe__resultList{position:absolute;display:flex;align-items:center;flex-direction:column;top:80%;left:50%;transform:translate(-50%);width:55%;height:13rem;overflow-y:scroll;background-color:var(--recipe-bg-color);border-radius:20px;box-shadow:10px 10px #000}.cocktailRecipe__resultLi{position:relative;padding:.5rem 0;list-style:none;font-size:1rem}.cocktailRecipe__container .card{position:relative;margin-top:2rem;width:60%;min-height:75vh;height:auto}.cocktailRecipe__container .card .card__star{position:absolute;top:-10rem;left:-5rem;width:10rem;height:20rem}.cocktailRecipe__container .cocktailRecipe__img{position:relative;width:50%;height:auto}.cocktailRecipe__container .cocktailRecipe__title{position:relative;margin:1rem 0;font-family:title-saint-regus;font-size:3rem;text-transform:uppercase}.cocktailRecipe__similar-btn{margin:3.5rem 0}}.form__container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:80%;height:auto;padding:1rem;box-shadow:10px 10px #131313;animation-name:anim-form;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.8,1.28,.79,1.29);overflow-y:scroll;overflow-x:hidden}.form__title{position:relative;margin:1rem;font-family:title-saint-regus;background-color:var(--btn-bg-color)}.form__btn{position:absolute;border-radius:30px;background-color:var(--btn-bg-color-click);box-shadow:3px 3px #131313;border:1px solid rgb(100,100,100);font-family:var(--text-font-family)}.form__container__ingredients{position:relative;display:flex;flex-flow:row wrap;justify-content:center;gap:8px;background-color:var(--btn-bg-color);height:auto}.form__btn__go{position:relative;border-radius:30px;background-color:var(--btn-bg-color);box-shadow:3px 3px #131313;font-size:1rem;margin-top:20px;padding:.4rem;border:1px solid rgb(100,100,100);font-family:var(--text-font-family)}@keyframes anim-form{0%{height:5rem}to{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);height:65vh}}@media screen and (min-width: 200px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:80%;height:auto;padding:1rem;box-shadow:10px 10px #131313}.form__title{display:flex;justify-content:start;margin:1rem;font-size:1.5rem;background-color:var(--btn-bg-color)}.form__btn{position:relative;border-radius:30px;background-color:var(--btn-bg-color);box-shadow:3px 3px #131313;font-size:var(--text-font-family)}.form__btn__click{position:relative;border-radius:30px;background-color:var(--btn-bg-color-click);box-shadow:3px 3px #131313;font-size:var(--text-font-family)}.form__container__ingredients{position:relative;display:flex;flex-flow:row wrap;justify-content:center;gap:8px;background-color:var(--btn-bg-color)}}@media screen and (min-width: 900px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:45%;height:auto;padding:1rem;box-shadow:10px 10px #131313;overflow:hidden}}@media screen and (min-width: 700px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:60%;height:auto;padding:1rem;box-shadow:10px 10px #131313}.form__title{display:flex;justify-content:start;margin:1rem;font-size:1.5rem;background-color:var(--btn-bg-color)}.form__btn{position:relative;border-radius:30px;background-color:var(--btn-bg-color);box-shadow:3px 3px #131313;font-size:var(--text-font-family)}.form__btn__click{position:relative;border-radius:30px;background-color:var(--btn-bg-color-click);box-shadow:3px 3px #131313;font-size:var(--text-font-family)}.form__container__ingredients{position:relative;display:flex;flex-flow:row wrap;justify-content:center;gap:8px;background-color:var(--btn-bg-color)}}@media screen and (min-width: 900px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:45%;height:auto;padding:1rem;box-shadow:10px 10px #131313;overflow:hidden;overflow-y:scroll}}@media screen and (min-width: 1140px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:40%;height:auto;padding:1rem;box-shadow:10px 10px #131313}}@media screen and (max-width: 200px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:40%;height:auto;padding:1rem;box-shadow:10px 10px #131313}}@media screen and (min-width: 2000px){.form__container{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--from-bg-color);border-radius:30px;width:30%;height:30vh;padding:1rem;box-shadow:10px 10px #131313}.form__title{display:flex;justify-content:start;margin:1rem;font-size:3rem;background-color:var(--btn-bg-color)}.form__btn{position:relative;border-radius:30px;background-color:var(--btn-bg-color);box-shadow:3px 3px #131313;font-size:2rem}.form__container__ingredients{position:relative;display:flex;flex-flow:row wrap;justify-content:center;gap:8px;background-color:var(--btn-bg-color)}.form__btn__go{font-size:2rem;padding:1rem}}.home__button{position:absolute;top:50%;left:50%;width:80%;height:7rem;border:none;background-color:#ffff9e;font-size:1.3rem;box-shadow:10px 10px #000;transform:skew(20deg) translate(-45%,-50%);transition:all .2s ease;z-index:99}.home__button:hover{box-shadow:15px 15px #000;transform:skew(20deg) translate(-46%,-51%);transition:all .2s ease;cursor:pointer}.home__button:active{box-shadow:0 0;transition:all .2s ease}.home__button span{position:absolute;width:100%;transform:skew(-20deg) translate(-51%,-51%);font-family:regus;font-family:title-saint-regus}@media all and (min-width: 360px){.home__button{font-size:1.3rem;width:17rem}}@media all and (min-width: 440px){.home__button{font-size:1.3rem;height:8rem;width:60%}}@media all and (min-width: 540px){.home__button{font-size:1.5rem;height:10rem;width:50%}}@media all and (min-width: 700px){.home__button{font-size:1.7rem;height:10rem;width:45%}}@media all and (min-width: 850px){.home__button{font-size:1.7rem;height:11rem;width:40%}}@media all and (min-width: 950px){.home__button{font-size:1.7rem;height:11rem;width:30%}}@media all and (min-width: 1400px){.home__button{width:30%}}@media all and (min-width: 1800px){.home__button{width:20%}}@media all and (min-width: 2100px){.home__button{width:27%;height:16rem;font-size:2.5rem}}.subtitle{position:relative;font-size:1rem;font-family:text;margin-top:2rem;z-index:2;background-color:transparent;white-space:nowrap;text-align:center}@media screen and (min-width: 500px){.subtitle{font-size:1.5rem;white-space:nowrap}}@media screen and (min-width: 1000px){.subtitle{font-size:2rem;white-space:nowrap;margin-top:3vh}}@media screen and (min-width: 1500px){.subtitle{font-size:3rem;white-space:nowrap}}@media screen and (min-width: 2100px){.subtitle{font-size:5rem;white-space:nowrap}}.titleblock__container{position:absolute;top:0;left:50%;transform:translate(-50%);text-align:center;z-index:10;background-color:transparent}.MajorityBlock__container{display:flex;border:1px solid grey;background-color:#ffff9e;padding:40px 20px 10px 10px;flex-direction:column;align-items:center;justify-content:start;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;box-shadow:10px 10px #000;width:90%;height:30vh}.MajorityBlock__para{font-size:1.3rem;font-family:var(--text-font-family);background-color:#ffff9e;padding-bottom:3rem}.MajorityBlock__buttons{position:relative;display:flex;justify-content:space-between;align-items:center;width:70%}.MajorityBlock__button-yes{position:relative;background-color:#80c487;border-radius:10px;border:none;box-shadow:5px 5px #000;padding:.5rem;font-size:1.5rem;color:#fff;font-family:title-saint-regus}.MajorityBlock__button-yes:active{box-shadow:none}.MajorityBlock__button-no{position:relative;background-color:#c68080;border-radius:10px;border:none;box-shadow:5px 5px #000;padding:.7rem;font-size:1.7rem;color:#fff;font-family:title-saint-regus}.MajorityBlock__button-no:active{box-shadow:none}.MajorityBlock__buttons button{cursor:pointer}.hide{display:none}@media all and (min-width: 430px){.MajorityBlock__container{width:22rem}}@media all and (min-width: 500px){.MajorityBlock__para{font-size:1.4rem}.MajorityBlock__button-yes{padding:1rem}.MajorityBlock__button-no{padding:1.2rem}}@media all and (min-width: 640px){.MajorityBlock__container{width:50%;height:40vh;white-space:nowrap}.MajorityBlock__buttons{width:60%}.MajorityBlock__para{padding-bottom:4.5rem}}@media all and (min-width: 780px){.MajorityBlock__button-yes{padding:1.3rem}.MajorityBlock__button-no{padding:1.5rem}}@media all and (min-width: 850px){.MajorityBlock__container{display:flex;border:1px solid grey;background-color:#ffff9e;padding:40px 20px 10px 10px;flex-direction:column;align-items:center;justify-content:start;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;box-shadow:10px 10px #000;width:40%;height:40vh}.MajorityBlock__para{font-size:1.5rem;padding-bottom:6rem}.MajorityBlock__buttons{width:60%}}@media all and (min-width: 1000px){.MajorityBlock__buttons{width:60%}}@media all and (min-width: 1140px){.MajorityBlock__para{font-size:2rem}.MajorityBlock__button-yes{padding:1.8rem}.MajorityBlock__button-no{padding:2rem}}@media all and (min-width: 1700px){.MajorityBlock__para{font-size:2.5rem}.MajorityBlock__button-yes{padding:2.3rem}.MajorityBlock__button-no{padding:2.5rem}}@media all and (min-width: 2000px){.MajorityBlock__para{font-size:3.4rem;padding-top:2rem;padding-bottom:18rem}.MajorityBlock__button-yes{padding:3rem;font-size:2.8rem}.MajorityBlock__button-no{padding:3.4rem;font-size:2.8rem}}.LegalNotice{position:relative;background-color:var(--home-bg-color);min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.LegalNotice h2{font-family:text;text-align:center;font-size:2rem;margin-top:5vh;margin-bottom:5vh}.LegalNotice_container{border:1px solid grey;background-color:#ffff9e;padding:40px 20px 10px 10px;border-radius:10px;top:60%;left:50%;z-index:100;box-shadow:10px 10px #000;width:90%;height:52vh;overflow-y:auto}.Button_HomePage{border-radius:10px;box-shadow:5px 5px #000;margin:4vh 0}.LegalNotice_container h2{font-family:var(--text-font-family)}.LegalNotice_container p{margin:0 5vw;text-align:justify}.LegalNotice_container h3{font-family:var(--text-font-family);padding:10px;text-align:center}.LegalNotice_container::-webkit-scrollbar{width:20px}.LegalNotice_container::-webkit-scrollbar-thumb{background:var(--cocktail-list-bg-color);border-radius:10px}.LegalNotice_container::-webkit-scrollbar-thumb:hover{background:var(--crd-bg-color)}.LegalNotice_container h4{font-weight:700;margin:2vh 0;text-align:center}.LegalNotice_container p{margin-top:1vh}.Button_HomePage{font-family:title-saint-regus;height:2rem;border-color:transparent;background-color:#ffff9e;cursor:pointer}.footer{text-align:center;padding:1rem;position:fixed;bottom:5px;width:80%;height:5%;border-radius:100px;left:50%;right:50%;transform:translate(-50%);opacity:1;transition:.5s ease;border:2px solid black}.copyright{font-family:var(--text-font-family);font-size:.7rem}.legal-notice{font-family:title-saint-regus;height:2rem;border-color:transparent;background-color:transparent;cursor:pointer;font-size:.7rem}@media screen and (min-width: 500px){.LegalNotice h2{font-size:2rem;white-space:nowrap;margin-top:3vh}.LegalNotice h1{font-size:3.5rem;white-space:nowrap}}@media screen and (min-width: 700px){.LegalNotice h2{font-size:3rem;white-space:nowrap}.LegalNotice h1{font-size:4.5rem;white-space:nowrap}}@media screen and (min-width: 2100px){.LegalNotice h2,.LegalNotice h1{font-size:5rem;white-space:nowrap}}.legal-notice a{height:2rem}@media screen and (min-width: 620px){.footer{width:60%;height:7%}}@media screen and (min-width: 768px){.footer{opacity:0;background-color:var(--btn-bg-color)}.footer:hover{opacity:1}}@media screen and (min-width: 1023px){.copyright,.legal-notice{font-size:1rem}}@media screen and (min-width: 1440px){.legal-notice{margin-top:1rem}}@media screen and (min-width: 1700px){.copyright{font-size:2.5rem;margin-top:1.5rem}.legal-notice{font-size:2rem;margin-top:1.5rem}}.homePage{position:relative;background-color:var(--home-bg-color);min-height:100vh;height:auto}.faded{background-color:var(--home-bg-color);opacity:.3}.homePage__container{background-color:var(--home-bg-color);transition:all .3s ease;width:100vw}.cocktail__mainpage{position:fixed;right:0;bottom:0;width:90%}.mintleaves{transform:rotate(-25deg);width:95%;position:fixed;top:40%;left:-35%;background-color:transparent;z-index:0}@media screen and (min-width: 404px){.cocktail__mainpage{width:80%}.mintleaves{width:75%;top:35%;left:-15%}}@media screen and (min-width: 519px){.cocktail__mainpage{width:60%}.mintleaves{width:65%;top:35%;left:-15%}}@media screen and (min-width: 600px){.cocktail__mainpage{width:56%}.mintleaves{width:45%;top:35%;left:5%}}.home__bg-pink{position:fixed;bottom:0;right:0;width:90%}.home__bg-mint{position:fixed;transform:rotate(-25deg);top:35%;left:5%;width:45%}.button-list__container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:var(--home-bg-color)}.list__btn{position:relative;width:90vw;height:3rem;border-radius:100px;border:none;box-shadow:10px 10px #000;background-color:#ffff9e;z-index:19;font-family:var(--text-font-family);font-size:1.1rem}.button-list__container .list__searchbar{position:relative;width:81%;height:3rem;margin:0;border:none;box-shadow:10px 10px #000;border-radius:100px;background-color:var(--btn-bg-color);color:var(--btn-font-color);font-family:var(--text-font-family);font-size:1rem;transition:all .2s ease;overflow:hidden;padding:0 1rem}.button-list__form{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.button-list__container .btn:hover{cursor:pointer}.button-list__container .btn:active{box-shadow:none;background-color:var(--btn-bg-color);transition:box-shadow .2s ease}.button-list__container .list__searchbar::placeholder{padding-left:1rem;color:var(--btn-font-color);font-family:var(--text-font-family);opacity:.3}.button-list__result-container{position:absolute;bottom:-13rem;display:flex;flex-direction:column;justify-content:start;align-items:center;list-style:none;text-align:center;width:100%;height:auto;max-height:13rem;overflow-x:hidden}.button-list__result__li{position:relative;font-family:var(--text-font-family);width:80vw;margin:0;padding:1rem;border-radius:100px;background-color:#c0ffea;color:#000;border:1px solid black;font-size:1rem;cursor:pointer}.button-list__result__li:hover{background-color:#a6d8c7}.list__btn:hover{box-shadow:0 0;transform:translate(10px);transition:box-shadow .2s ease}.btn-up:hover{transform:translate(-49%,-50%)!important;position:absolute;top:37%;left:50%}.btn-up{animation-name:buttons-up;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.8,1.28,.79,1.29)}.btn-up:before{content:"->";position:absolute;right:5rem;opacity:0}.btn-up:hover:before{right:2rem;transition:all .3s ease;opacity:1}.btn-down{animation-name:buttons-down;animation-duration:.3s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.8,1.28,.79,1.29)}.btn-midle:before{content:"->";position:absolute;right:5rem;opacity:0}.btn-midle:hover:before{right:2rem;transition:all .3s ease;opacity:1}@keyframes buttons-up{0%{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}to{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)}}@keyframes buttons-down{0%{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}to{position:absolute;top:63%;left:50%;transform:translate(-50%,-50%)}}@media all and (min-width: 404px){.home__bg-pink{width:80%}.home__bg-mint{width:75%;top:35%;left:-15%}.list__btn{width:20rem;font-size:1.5rem}.button-list__form .list__searchbar{width:18rem;font-size:1.5rem}.button-list__result__li{width:18.5rem}}@media all and (min-width: 519px){.home__bg-pink{width:60%}.home__bg-mint{width:65%;top:35%;left:-15%}}@media all and (min-width: 600px){.button-list__container .list__btn,.button-list__container .list__searchbar{font-size:var(--h2-font-size)}.home__bg-pink{width:56%}.home__bg-mint{width:45%;top:35%;left:5%}.list__btn,.button-list__form .list__searchbar{height:4rem}}@media all and (min-width: 800px){.button-list__container .list__btn{width:50vw}.button-list__container .list__searchbar{width:47%}.button-list__result__li{width:48vw;font-size:1.5rem}.button-list__result-container{bottom:-11rem}}@media all and (min-width: 1020px){.button-list__container .list__btn{width:30rem;font-size:1.5rem;height:5rem}.button-list__container .list__searchbar{width:28rem;height:5rem}.margin{margin:1rem 0}.button-list__form{margin:2rem 0}.button-list__result__li{width:28.5rem;font-size:1.5rem}.button-list__result-container{bottom:-11rem;height:11rem}}@media all and (min-width: 1600px){.button-list__container .list__btn,.button-list__container .list__searchbar{width:50vw;font-size:3rem;height:9rem}.button-list__result__li{width:50vw;height:5rem;font-size:3rem}.button-list__result-container{bottom:-20rem;min-height:20rem}}@media all and (max-height: 600px){.button-list__container .list__btn,.button-list__container .list__searchbar{width:30rem;font-size:1.3rem;height:4rem}.margin{margin:1rem 0}.button-list__form{margin:2rem 0}}.error{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--home-bg-color)}.container__error{display:flex;position:absolute;flex-direction:column;justify-content:start;align-items:center}.img__error{width:30%}.error h1{font-size:15vh}.error h2{font-size:6vh}.error__title__site{font-size:3rem;font-family:title-saint-regus;text-align:center;border-radius:100px;border-width:1em;background-color:var(--home-bg-color);margin-top:2vh;padding:2rem 3rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none;color:#000}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:title-saint-regus;src:url(/assets/FontsFree-Net-Sonar-Hubermann-SaintRegus-SemiBold.af103047.ttf)}@font-face{font-family:text;src:url(/assets/Poppins-Medium.2f0180fd.ttf)}:root{--home-bg-color: #eb9ca4;--cocktail-list-bg-color: #80c487;--recipe-bg-color: #46a9bf;--btn-bg-color: #ffff9e;--btn-bg-color-click: #fe9971;--crd-bg-color: #fe9971;--btn-font-color: #131313;--btn-box-shadow: 10px 10px #131313;--title-font-family: Saint-Regus-Gras;--text-font-family: text;--h1-font-size: 5rem;--h1-font-size-mobile: 2rem;--h2-font-size: 2.5rem;--h2-font-size: 1.5rem;--h3-font-size: 1rem;--h4-font-size: 1rem;--from-bg-color: #ffff9e}.App{position:relative;height:auto}.btn{transition:all .3s ease;cursor:pointer}.btn:hover{box-shadow:0 0;transition:all .3s ease}