@import"https://fonts.googleapis.com/css2?family=Monoton&display=swap";*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box}body{overflow-y:hidden}@font-face{font-family:munake;src:local("munake"),url(/assets/Munake-vm0rE-8aee53a7.otf) format("otf")}.global{display:flex;flex-direction:column;background-image:url(/background.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100vh;overflow:hidden}.flexgrow1{flex-grow:1}@font-face{font-family:munake;src:local("munake"),url(/assets/Munake-vm0rE-8aee53a7.otf) format("otf")}.navBarContainer{display:flex;flex-direction:column}.navBarContainer .navbar{height:9vh;display:flex;justify-content:space-around;align-items:center;background-color:#10203299}.navBarContainer .navbar a{text-decoration:none;font-family:munake;color:#fe259b;font-size:1.8em}.navBarContainer .navbar a:hover{color:#a1e69a;text-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a}.navBarContainer .navbar .imageContainer{width:70%;margin-left:18px;display:flex;justify-content:center;align-items:center}.navBarContainer .navbar .imageContainer img{width:100%;height:100%}.navBarContainer .navbar .active{text-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a;color:#fff}.navBarContainer .navbar .notActive{color:#fe259b}.navBarContainer .BlueNeon{display:flex;z-index:5;box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6;border:solid 2px white;width:100vw;height:.3}@font-face{font-family:munake;src:local("munake"),url(/assets/Munake-vm0rE-8aee53a7.otf) format("otf")}.footerContainer{display:flex;flex-direction:column;height:6vh}.footerContainer .copyright{display:flex;flex:1;justify-content:flex-start;align-items:center;background-color:#10203299}.footerContainer .copyright p{padding:2px;width:100%;font-family:munake;color:#f2ecbe}.footerContainer .BlueNeon{display:flex;z-index:4;box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6;border:solid 2px white;width:100vw;height:.3}@font-face{font-family:munake;src:local("munake"),url(/assets/Munake-vm0rE-8aee53a7.otf) format("otf")}.quiz{margin:20px 30px;display:flex}.quiz .title-quiz{border:solid white 2px;margin:37px;border-radius:20px;width:20%;margin-left:7vh;font-family:munake;font-size:18px;color:#f2ecbe;padding:10px;text-align:center;box-shadow:0 0 8px #fe259b,0 0 16px #fe259b,0 0 20px #fe259b,0 0 22px #fe259b,0 0 24px #fe259b,inset 0 0 8px #fe259b,inset 0 0 16px #fe259b,inset 0 0 20px #fe259b}.quiz .ingredients-quiz{margin:15px;display:flex;justify-content:space-between;border-radius:50px;font-family:munake;color:#f2ecbe;text-align:center;border:solid white 2px;box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6;padding:20px;width:600px;font-size:18px}.quiz .ingredients-quiz ul{margin:0;padding:0;list-style:none}.quiz .ingredients-quiz li{display:inline-block}.score .title-score{padding:10px;font-family:munake;font-size:18px;color:#f2ecbe;text-align:center;width:10%;position:absolute;top:33vh;right:15.3vw;background:rgba(16,32,50,.75);border:1px solid transparent;border-radius:20px;box-shadow:0 0 30px 10px #00aaf6}.score .score-container{padding:25px;width:300px;height:120px;border:1px solid;border-radius:30px;background:rgba(16,32,50,.75);box-shadow:0 0 30px 10px #00aaf6;position:absolute;right:12vw;top:40vh;color:#f2ecbe;font-size:20px;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,.1fr);gap:17px}.cards .cocktailCard-wrapper{scale:.7;width:300px;height:300px;margin-top:-70px;transition:transform .3s}.cards .cocktailCard-wrapper:hover{transform:scale(1.05)}.top{display:flex;align-items:center}.top button{padding:12px;width:auto;border:1px solid white;border-radius:50px;box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6;color:#f2ecbe;font-size:18px}@media screen and (max-width: 480px) and (orientation: landscape){.quiz .title-quiz,.quiz .ingredients-quiz{width:100%}.cards{display:grid;grid-template-columns:repeat(3,.1fr);gap:3vw}.cards .cocktailCard-wrapper{scale:.4;width:180px;height:180px;transition:transform .3s}.score-container{padding:25px;width:200px;height:120px}}@media screen and (max-width: 880px) and (min-width: 480px) and (orientation: landscape){.cards{padding-top:8px;display:grid;grid-template-columns:repeat(2,.1fr);gap:1vw;overflow-y:auto;height:50vh}.cards .cocktailCard-wrapper{width:200px;height:300px}.cards::-webkit-scrollbar{display:none}.score .title-score{padding:10px;position:absolute;top:38vh;right:18vw;background:rgba(16,32,50,.75);border:1px solid transparent;border-radius:20px;box-shadow:0 0 30px 10px #00aaf6}.score .score-container{padding:25px;width:300px;height:120px;border:1px solid;border-radius:30px;background:rgba(16,32,50,.75);box-shadow:0 0 30px 10px #00aaf6;position:absolute;right:7vw;top:49vh;color:#f2ecbe;font-size:20px;text-align:center}}*{font-family:munake}* .NotSelected{color:#f2ecbe;font-size:1.3rem}.Selected{text-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a;font-size:1.3rem;color:#fff}.neonBarContainer{display:flex;width:100%;justify-content:center}.neonBar{box-shadow:0 0 2px #fff,0 0 4px #fff,0 0 8px #fe259b,0 0 16px #fe259b,0 0 20px #fe259b,0 0 22px #fe259b,0 0 24px #fe259b,inset 0 0 8px #fe259b,inset 0 0 16px #fe259b,inset 0 0 20px #fe259b,inset 0 0 22px #fe259b;border:solid 2px white;width:20vh;height:.3vh;margin-top:2vh;margin-bottom:2vh}.ingredient .toptoptop{position:relative;display:flex}.ingredient .toptoptop .IngredientArea{position:relative;padding-top:5vh;padding-bottom:3vh;min-width:16vw;height:85vh;display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;background-color:#10203299}.ingredient .toptoptop .IngredientArea .sideIng{visibility:hidden;position:absolute;top:45%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5em .6em;font-size:1em;font-weight:700;border-radius:15px;color:#fff6fb;text-shadow:-2px 2px 5px #fd3084;background-color:transparent;border:2px solid #feb1de;box-shadow:0 0 0 1px #f11271,0 0 10px 2px #fd3084,inset 0 0 0 1px #f11271,inset 0 0 10px 2px #fd3084;transition:.1s}.ingredient .toptoptop .IngredientArea .sideIng:hover{box-shadow:0 0 0 1px #f11271,0 0 10px 2px #fd3084,inset 0 0 0 1px #f11271,inset 0 0 30px 2px #fd3084;text-shadow:0 0 10px #fd3084;transform:translateY(-5px)}.ingredient .toptoptop .IngredientArea .sideIng:active{box-shadow:0 0 0 1px #f11271,0 0 25px 2px #fd3084,inset 0 0 0 1px #f11271,inset 0 0 30px 2px #fd3084;transform:translateY(1px)}.ingredient .toptoptop .BlueNeon{box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6;border:solid 2px white;width:.3vh;height:85vh;z-index:4}.handleIngredientTypeContainer{width:100%}.handleIngredientType{margin-left:5px;margin-right:5px;padding:10px;display:flex;justify-content:space-between}.handleIngredientType button{justify-content:space-between}button:hover{color:#a1e69a;text-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a}.ingredientListContainer{overflow:auto;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}.Ingredientlist{width:100%;padding-bottom:1vh}.Ingredientlist .bottleImage{padding-right:1vh}.ingredientListContainer::-webkit-scrollbar{display:none}.bottleimagesrc{width:115px}.Ingredientlist{display:flex;align-items:center;justify-content:flex-start}button{margin-right:5px;text-align:left;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.arrow,.arrow:before{position:absolute;left:50%}.arrow{width:40px;height:40px;top:95%;margin:-20px 0 0 -20px;transform:rotate(45deg);border-left:none;border-top:none;border-right:2px #fe259b solid;border-bottom:2px #fe259b solid}.arrow:before{content:"";width:20px;height:20px;top:50%;margin:-10px 0 0 -10px;border-left:none;border-top:none;border-right:1px #fe259b solid;border-bottom:1px #fe259b solid;animation-duration:2s;animation-iteration-count:infinite;animation-name:arrow}@keyframes arrow{0%{opacity:1}to{opacity:0;transform:translate(-10px,-10px)}}@media screen and (max-width: 700px){.ingredient .toptoptop .IngredientArea{position:relative}.ingredient .toptoptop .IngredientArea .sideIng{visibility:initial}.hide{position:absolute;visibility:hidden;right:100%;width:0%}.show{position:absolute;visibility:visible;z-index:3;width:100%}.show .IngredientArea{height:100vh}.show .IngredientArea .sideIng{right:-40px;z-index:11}.show .IngredientArea .IngredientList{align-items:center;justify-content:center}.bottleimagesrc{width:70px}.Selected,.NotSelected{font-size:1rem}.blurside{filter:blur(3px)}}.homePageContainer{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.homePageContainer .homePage{width:90vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-family:munake;border:solid 1px white;border-radius:100px;margin:5px 2px 2px;background-color:#10203299;box-shadow:0 0 8px #00aaf6,0 0 16px #00aaf6,0 0 20px #00aaf6,0 0 22px #00aaf6,0 0 24px #00aaf6,0 0 26px #00aaf6,0 0 30px #00aaf6,0 0 32px #00aaf6,0 0 34px #00aaf6,inset 0 0 8px #00aaf6,inset 0 0 16px #00aaf6,inset 0 0 20px #00aaf6,inset 0 0 22px #00aaf6,inset 0 0 24px #00aaf6,inset 0 0 26px #00aaf6}.homePageContainer .homePage .welcome{display:flex;align-items:center;padding-bottom:1vh;font-size:4rem;color:#f2ecbe}.homePageContainer .homePage .welcome .neonMain{padding:0 2vh;font-size:8rem;color:#ffd5ff;font-family:Monoton,cursive;color:#fe259b;font-weight:400;letter-spacing:8px;text-shadow:1px 0px 4px #ffd5ff,2px 0px 4px #ffd5ff,3px 0px 4px #ffd5ff,2px 0px 3px #d42cca,2px 3px 15px #d42cca,2px 0px 15px,5px 0px 125px,20px 0vw 200px #d42cca,40px 0vw 200px #d42cca}.homePageContainer .homePage .welcome .neonMain .flicker-slow{animation:flicker 3s linear infinite;color:#ffd5ff;font-family:Monoton,cursive;color:#fe259b}.homePageContainer .homePage .welcome .neonMain .flicker-fast{animation:flicker 1s linear infinite;color:#f2ecbe;font-family:Monoton,cursive;color:#fe259b}.homePageContainer .homePage .image{width:15vw;padding-bottom:5vh}.homePageContainer .homePage .image img{width:100%;height:100%;object-fit:cover}.homePageContainer .homePage .confirmation{padding-bottom:10vh;font-size:3rem;color:#f2ecbe}.homePageContainer .homePage .age{display:flex;font-size:2rem}.homePageContainer .minus18{display:flex;align-items:center;justify-content:center;border-radius:20px;margin-right:10vh;border:solid 1px;width:7vh;height:7vh;box-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a,inset 0 0 8px #a1e69a,inset 0 0 16px #a1e69a;border:solid 1px white;margin-bottom:3vh;font-family:munake;color:#f2ecbe}.homePageContainer .minus18 a{text-decoration:none;font-family:munake;color:#f2ecbe}.homePageContainer .plus18{display:flex;align-items:center;justify-content:center;border-radius:20px;border:solid 1px;width:7vh;height:7vh;box-shadow:0 0 8px #a1e69a,0 0 16px #a1e69a,0 0 20px #a1e69a,0 0 22px #a1e69a,0 0 24px #a1e69a,0 0 26px #a1e69a,inset 0 0 8px #a1e69a,inset 0 0 16px #a1e69a;border:solid 1px white;margin-bottom:3vh}.homePageContainer .plus18 a{text-decoration:none;font-family:munake;color:#f2ecbe}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:.99}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}@media screen and (min-width: 280px) and (max-width: 480px){.homePageContainer .homePage .welcome .neonMain{font-size:2.5rem}.homePageContainer .homePage .image{width:fit-content}.homePageContainer .homePage .confirmation{font-size:1.5rem}}@media screen and (min-width: 480px) and (max-width: 768px){.homePageContainer .homePage .welcome .neonMain{width:fit-content;font-size:5rem}.homePageContainer .homePage .image{width:fit-content}.homePageContainer .homePage .confirmation,.homePageContainer .homePage .age{font-size:2rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.homePageContainer .homePage .welcome .neonMain{width:fit-content;font-size:6rem}.homePageContainer .homePage .image{width:fit-content}.homePageContainer .homePage .confirmation,.homePageContainer .homePage .age{font-size:3rem}.homePageContainer .homePage .plus18,.homePageContainer .homePage .minus18{width:8vh;height:8vh}}@media screen and (min-width: 1024px) and (max-width: 1200px){.homePageContainer .homePage .welcome .neonMain{width:fit-content;font-size:7.5rem}.homePageContainer .homePage .image{width:fit-content}.homePageContainer .homePage .confirmation{font-size:3.5rem}.homePageContainer .homePage .age{font-size:2rem;padding-bottom:20px}.homePageContainer .homePage .plus18,.homePageContainer .homePage .minus18{width:9vh;height:9vh}}.globalBar{display:flex;position:relative}@media screen and (max-width: 700px){.globalBar{position:relative}}.card{display:flex;justify-content:center;flex-direction:row;flex-wrap:wrap;overflow-y:auto;height:71vh}.card::-webkit-scrollbar{display:none}.carteContainer{width:250px;height:300px;position:relative;margin:20px}.carte{width:fit-content;height:100%}.face{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;overflow:hidden;background-size:contain;background-position:center;color:#f2ecbe;flex-direction:column;align-items:center;object-fit:cover;background-repeat:no-repeat;box-shadow:0 0 6px #00aaf6}.face:hover{box-shadow:0 0 4px #fff,0 0 8px #a1e69a,0 0 16px #a1e69a,inset 0 0 8px #a1e69a,inset 0 0 16px #a1e69a;border:solid 1px white}.face .name{display:flex;justify-content:center;background-color:#102032cc;border-radius:50px;padding:5px;margin-right:20px;width:70%;font-size:1.6rem}.face .display{display:flex;align-items:flex-start;flex-direction:column;height:100%;margin-top:20px}.face .display .instruction{max-height:40%;overflow-y:scroll;font-size:1.1rem;background-color:#102032cc;border-radius:10px;width:100%;padding:5px;margin-bottom:10px}.face .display .recette{display:flex;flex-direction:column;background-color:#102032cc;border-radius:10px;padding:5px;font-size:1.1rem;width:100%;max-height:35%;overflow-y:scroll}.face .display .recette .coupleIngMeas{display:flex;justify-content:space-between;align-items:stretch}.face .display .recette .coupleIngMeas p{align-self:center}.face .heart{position:absolute;z-index:2;top:10px;right:15px}.tahmKench{max-height:100%}.instruction::-webkit-scrollbar{display:none}.recette::-webkit-scrollbar{display:none}.recto{border-radius:10%;padding:8px}.verso{border-radius:10%}.verso .garen{position:relative;width:100%;height:100%}.verso .garen .blur{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center}.verso .garen .blur .tahmKench{padding:8px}.verso .garen .blur .tahmKench .lillia{display:flex;justify-content:center}.searchArea{margin-top:10px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.searchArea .searchbar{display:flex;background-color:#10203299;box-shadow:0 0 2px #fff,0 0 4px #fff,0 0 8px #fe259b,0 0 16px #fe259b,0 0 20px #fe259b,0 0 22px #fe259b,0 0 24px #fe259b,inset 0 0 8px #fe259b,inset 0 0 16px #fe259b,inset 0 0 20px #fe259b,inset 0 0 22px #fe259b;border:solid 2px white;border-radius:10px;padding:8px;width:30vw;margin:0 0 0 35px;justify-content:space-between;align-items:center}.searchArea .searchbar input{font-size:1.5rem;font-family:munake;color:#f2ecbe;outline:none;border:none;width:100%;background:transparent}.searchArea .searchbar input::placeholder{color:#bdb8b8}.generated-btn img{width:20px;height:20px;opacity:.8;border-radius:100px}.generated-btn img :hover{filter:drop-shadow(0 0 .9rem #a1e69a) contrast(2)}@media screen and (max-width: 1000px){.searchbar{width:auto;margin-right:20px}.searchbar ::placeholder{font-size:1.5rem}}.random{margin-left:40px;margin-top:0}.is-hovering{color:#f2ecbe;float:right;position:relative;top:25px}.cocktail-generated{display:flex;justify-content:flex-start;align-items:flex-start}@media screen and (max-width: 480px){.cocktail-generated{margin-left:60px}.random{margin-left:150px}}