@import url(https://fonts.googleapis.com/css2?family=Gruppo&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:30px 0 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.bottle{align-self:center;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;text-transform:uppercase}.booze,.mixers{display:flex;justify-content:center}.single-drink{max-width:250px}.drink-holder{display:flex;flex-wrap:wrap;justify-content:space-evenly}.drinkHeader{padding-bottom:0}.cocktail img{margin:0;padding:0}.cocktailHover{height:200px;position:relative;width:300px}.cocktailHover img{height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.overlay{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;left:0;opacity:1;position:absolute;text-align:center;text-shadow:0 0 4px #000;top:0;width:100%}.cocktailHover img{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:opacity .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out;transition:transform .2s ease-in-out,opacity .2s ease-in-out,-webkit-transform .2s ease-in-out}.cocktailHover:hover img{opacity:.9;-webkit-transform:scale(1.04);transform:scale(1.04)}.cocktailHover:hover,.overlay:hover{cursor:pointer;opacity:1}.clicked{color:hotpink!important;opacity:1!important;text-decoration:underline!important}.title{color:#000;font-family:Gruppo,cursive;font-size:1.75em;margin:0;padding:0;text-align:center;text-transform:uppercase}.top{margin-top:60px}.shaker{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:400px}.shaker img{border:4px solid pink;max-width:150px}.shaker img:hover{border:4px solid green;cursor:pointer}.inner-modal-flex{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.inner-modal-flex img{border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);cursor:pointer;margin:5px;max-width:140px}.col-try{align-items:baseline;display:flex;flex-direction:row;justify-content:center;width:100%}.middle{margin:auto 0}.header{margin-top:-30px}
/*# sourceMappingURL=main.d9c65f1d.css.map*/