@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla:wght@600&display=swap);.welcome[data-v-150f8e2e]{display:flex}#cocktailBarText[data-v-150f8e2e]{color:rgba(0,0,0,.568);text-shadow:2px 2px 2px #fff;font-family:Luckiest Guy,cursive;font-size:3em;padding:.3em;margin:auto}@media only screen and (max-width:425px){#cocktailBarText[data-v-150f8e2e]{font-size:2em}}.each-cocktail[data-v-48ffec62]{display:flex;overflow:scroll;flex-direction:column;align-items:center;text-align:center;width:16em;height:23em;margin:1em;background-color:rgba(233,222,222,.13);border:5px ridge hsla(0,0%,100%,.514);border-radius:10px;padding:.5em}.each-cocktail>[data-v-48ffec62]{margin-top:10px}.img-cocktail[data-v-48ffec62]{width:130px;height:130px}.title[data-v-48ffec62]{font-family:Luckiest Guy,cursive;font-size:2em;color:rgba(0,0,0,.568);text-shadow:2px 2px 2px #fff}#recipe-container[data-v-48ffec62]{overflow:scroll;scrollbar-width:thin;scrollbar-color:rgba(170,166,166,.301) rgba(10,22,22,.705)}#back-btn[data-v-48ffec62],#recipe-btn[data-v-48ffec62]{margin:auto auto 10px auto}.each-cocktail[data-v-48ffec62]{overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(170,166,166,.301) rgba(10,22,22,.705)}.each-cocktail[data-v-48ffec62]::-webkit-scrollbar{width:12px}.each-cocktail[data-v-48ffec62]::-webkit-scrollbar-track{background:rgba(170,166,166,.301)}.each-cocktail[data-v-48ffec62]::-webkit-scrollbar-thumb{background-color:rgba(10,22,22,.705);border-radius:20px;border:3px solid rgba(170,166,166,.301)}#instructions-container[data-v-48ffec62]{overflow-y:scroll;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(170,166,166,.301) rgba(10,22,22,.705)}#instructions-container[data-v-48ffec62]::-webkit-scrollbar{width:12px}#instructions-container[data-v-48ffec62]::-webkit-scrollbar-track{background:rgba(170,166,166,.301)}#instructions-container[data-v-48ffec62]::-webkit-scrollbar-thumb{background-color:rgba(10,22,22,.705);border-radius:20px;border:3px solid rgba(170,166,166,.301)}.ingredients-container[data-v-48ffec62]{margin:.5em auto}#ingredients-header[data-v-48ffec62]{text-decoration:underline;font-size:1.2em}#instructions-container[data-v-48ffec62]{margin-bottom:2em}#cocktail-container[data-v-48ffec62]{display:flex;justify-content:center}@media only screen and (max-width:500px){#cocktail-container[data-v-48ffec62]{display:flex;justify-content:center}.each-cocktail[data-v-48ffec62]{width:16em;height:27em;margin:.5em;font-size:11px}.img-cocktail[data-v-48ffec62]{width:106px;height:106px}}@media only screen and (max-width:400px){.each-cocktail[data-v-48ffec62]{width:82%;height:27em;margin:.5em;font-size:11px}.img-cocktail[data-v-48ffec62]{width:106px;height:106px}}@media only screen and (max-width:350px){.each-cocktail[data-v-48ffec62]{width:90%;height:27em;margin:.5em;font-size:10px}#instructions-container[data-v-48ffec62]{font-size:10px}.img-cocktail[data-v-48ffec62]{width:100px;height:100px}}.cocktails-container[data-v-722b4607]{display:flex;flex-direction:column;width:100%;height:80%;justify-content:center;align-items:center}#cocktails-menu[data-v-722b4607]{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:center;margin:auto;width:80%;height:80%;overflow:scroll;border:1em groove rgba(0,0,0,.301);background:rgba(0,0,0,.267);background-repeat:no-repeat;background-size:cover}[data-v-722b4607]{scrollbar-width:thin;scrollbar-color:rgba(170,166,166,.301) rgba(16,230,219,.705)}[data-v-722b4607]::-webkit-scrollbar{width:12px}[data-v-722b4607]::-webkit-scrollbar-track{background:rgba(170,166,166,.301)}[data-v-722b4607]::-webkit-scrollbar-thumb{background-color:rgba(16,230,219,.705);border-radius:20px;border:3px solid rgba(170,166,166,.301)}.search-bar[data-v-722b4607]{display:flex;align-items:center;margin:0 .5em 1em .5em;padding:.5em;border:.2em groove rgba(0,0,0,.521);border-radius:6px;background:rgba(234,241,243,.493)}#cocktail-search[data-v-722b4607]{margin:auto;border:2px solid rgba(0,0,0,.521);border-radius:4px;padding:5px}#cocktail-search-label[data-v-722b4607]{font-size:1.2em;margin-right:.3em}@media only screen and (min-width:2500px){#cocktails-menu[data-v-722b4607]{grid-template-columns:1fr 1fr 1fr 1fr;justify-content:center;margin:auto}.search-bar[data-v-722b4607]{padding:.7em;font-size:2em}#cocktail-search[data-v-722b4607]{font-size:1em}}@media only screen and (max-width:1200px){#cocktails-menu[data-v-722b4607]{grid-template-columns:1fr 1fr;justify-content:center;margin:auto;width:66%;border:.9em groove rgba(0,0,0,.301)}}@media only screen and (max-width:1000px){#cocktails-menu[data-v-722b4607]{width:75%;justify-content:center;margin:auto;border:.7em groove rgba(0,0,0,.301)}}@media only screen and (max-width:900px){#cocktails-menu[data-v-722b4607]{width:85%;justify-content:center;margin:auto}}@media only screen and (max-width:800px){#cocktails-menu[data-v-722b4607]{width:92%;justify-content:center;margin:auto}}@media only screen and (max-width:705px){.search-bar[data-v-722b4607]{display:flex;flex-direction:column;width:88%}#cocktails-menu[data-v-722b4607]{grid-template-columns:1fr;justify-content:center;margin:auto;width:89%;border:.4em groove rgba(0,0,0,.301)}#cocktail-search-label[data-v-722b4607]{font-size:.9em}}@media only screen and (max-width:425px){#cocktail-search-label[data-v-722b4607]{font-size:.8em}}@media only screen and (max-width:380px){#cocktails-menu[data-v-722b4607]{justify-content:center;margin:auto}#cocktail-search-label[data-v-722b4607]{font-size:.6em;margin-bottom:.5em}}#app,body,html,root{width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;font-family:Karla,sans-serif;background-image:linear-gradient(180deg,rgba(223,216,216,.6) 0,rgba(236,226,226,.6)),url(../img/bar.c0a24735.jpeg);background-position:0 100%;background-repeat:no-repeat;background-size:cover}.viewCocktail-btn{margin:auto auto 5px auto;font-size:18px;background-color:rgba(0,0,0,.267);border:2px ridge rgba(0,0,0,.301);color:hsla(0,0%,100%,.671);border-radius:3px}.viewCocktail-btn:hover{background-color:rgba(0,0,0,.082);cursor:pointer;outline:none}.viewCocktail-btn:focus{outline:none}