@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{height:22vh;width:98vw;margin:1.5% auto 0;display:inline-block;background-image:linear-gradient(45deg,#444 25%,transparent 0,transparent 75%,#444 0),linear-gradient(45deg,#444 25%,#fff 0,#fff 75%,#444 0);background-size:45px 45px;background-position:0 0,45/2 45/2}@media (max-width:600px){.navbar{width:98vw;overflow:hidden}}.nav{display:grid;grid-template-columns:1fr 3fr;padding:15px;align-items:center}.nav-content--left{grid-column:1/span 1}.nav-content--right{grid-column:2/span 1;justify-self:flex-end}@media (max-width:600px){.nav-content--right{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}}.nav-image{height:8rem;width:8rem;-webkit-animation:moveInTop 2s;animation:moveInTop 2s}@media (max-width:480px){.nav-image{height:6rem;width:6rem}}.nav-image:hover{transform:scale(1.5)}.nav-links{list-style:none;display:flex;align-items:center;margin-right:40px}@media (max-width:600px){.nav-links{display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto}}a:link{text-decoration:none}.single-drink{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2.5rem;-webkit-column-gap:2.5rem;column-gap:2.5rem;margin-bottom:2.5rem}@media (max-width:750px){.single-drink{grid-template-rows:1fr 1fr;grid-template-columns:1fr;grid-column-gap:.1rem;-webkit-column-gap:.1rem;column-gap:.1rem}}.cocktail-section{display:grid;grid-template-rows:20% 80%;justify-items:center;margin:auto;max-width:85vw}.single-cocktail-image{grid-column:1/2;max-width:100%;height:100%;max-height:100%;box-shadow:7px 10px 5px 0 rgba(164,205,195,.75);transition:all .8s}@media (max-width:750px){.single-cocktail-image{grid-row:1/2;grid-column:2/3}}@media (max-width:480px){.single-cocktail-image{max-height:60%;max-width:95%}}.single-cocktail-image:hover{transform:translateY(-1rem) scale(1.02)}@media (max-width:900px){.single-cocktail-image:hover{transform:translateY(-.5rem)}}@media (max-width:900px){.single-cocktail-image{max-height:80%;margin-top:5rem}}.drink-info{grid-column:2/3}@media (max-width:750px){.drink-info{grid-row:2/3}}.drink-info p{font-family:"Quicksand",sans-serif}.heading{font-family:"Raleway",sans-serif}.heading,.heading-single-cocktail{text-align:center}@media (max-width:750px){.heading-single-cocktail{grid-column:2/3;grid-row:1/2}}.cocktails-home{width:85vw;max-width:1170px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(370.8px,1fr));grid-column-gap:1.8rem;-webkit-column-gap:1.8rem;column-gap:1.8rem;grid-row-gap:1.8rem;row-gap:1.8rem}@media (max-width:900px){.cocktails-home{grid-template-columns:repeat(auto-fill,minmax(200px,3fr))}}@media (max-width:600px){.cocktails-home{grid-template-columns:repeat(auto-fill,minmax(150px,3fr))}}.cocktail{display:grid;grid-template-rows:auto 2fr;box-shadow:12px 10px 42px 0 rgba(0,0,0,.32);transition:transform .4s}.cocktail-card-details{padding:1.3rem;color:#a4cd3c;font-family:"Quicksand",sans-serif}img{width:100%;display:block}.btn,.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;margin:15px;border-radius:100px;transition:all .5s;position:relative;font-family:"Raleway",sans-serif}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.4)}.btn:hover:after{transform:scaleX(1.5) scaleY(1.6);opacity:0}.btn:active .btn:focus{outline:none;transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.4)}.btn-nav{background-color:#a4cd3c;color:#000;padding:25px 35px;display:flex;max-height:40px}@media (max-width:900px){.btn-nav{padding:25px 17px;font-size:1rem}}@media (max-width:750px){.btn-nav{padding:15px;font-size:.8rem}}@media (max-width:600px){.btn-nav{padding:10px;font-size:.5rem}}.btn:after{background-color:#a4cd3c;color:#000}.btn-single{background-color:#ededed;padding:10px 15px;font-size:1.2rem}@media (max-width:600px){.btn-single{font-size:.8rem;padding:8px 10px}}@media (max-width:480px){.btn-single{display:flex;align-items:center}}.btn-single:after{background-color:#ededed}.btn-white{display:flex;justify-content:center;padding:10px 15px}.btn-white,.btn-white:after{background-color:#a4cd3c;color:#000}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .8s}.btn-animated{-webkit-animation:moveInBottom .5s ease-out .75s;animation:moveInBottom .5s ease-out .75s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}.btn-booking{background-color:#a4cd3c;color:#000;padding:10px 35px;display:flex;max-height:40px}.heading-search{font-family:"Raleway",sans-serif}#name{transition:1s;width:20%;border-radius:5%}#name:hover{background-color:#d3d3d3}.random-buttons{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.ingredient-info{grid-row:2/3}.ingredient-image{display:grid;grid-template-rows:4fr 1fr;align-items:center;justify-items:center;transition:.8s}.ingredient-image:hover{transform:scale(1.4);color:orange}@media (max-width:900px){.ingredient-image:hover{transform:scale(1.1)}}.ingredient-image-one{grid-column:1/2;grid-row:1/2}.ingredient-image-two{grid-column:2/3;grid-row:1/2}.ingredient-image-three{grid-column:3/4;grid-row:1/2}.ingredient-image-four{grid-column:1/2;grid-row:2/3}.ingredient-image-five{grid-column:2/3;grid-row:2/3}.ingredient-image-six{grid-column:3/4;grid-row:2/3}.ingredient-image-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-row-gap:1.5rem;row-gap:1.5rem}@media (max-width:480px){.ingredient-image-container{font-size:smaller}}@-webkit-keyframes moveInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes moveInTop{0%{transform:translateY(-80px)}to{transform:translateY(0)}}@keyframes moveInTop{0%{transform:translateY(-80px)}to{transform:translateY(0)}}.form-group{margin-top:2rem}.form-group:not(:last-child){margin-bottom:2rem}.booking{transition:1s;width:20%;height:30%;border-radius:5%;padding:.3rem;border:none}.booking:focus:invalid{border-bottom:3px solid red;background-color:#f1b2b2}.booking:focus:valid{border-bottom:3px solid #5fd65f;background-color:#bffdbf}.booking:hover{background-color:#d3d3d3}.booking-form{background-image:linear-gradient(105deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.9) 50%,transparent 0),url(/static/media/booking-pic.5d08fac2.jpg);background-size:60%;background-repeat:no-repeat;width:80vw;height:60vh;margin-top:3rem;margin-left:25%}.heading-booking{font-family:"Raleway",sans-serif;margin:0 auto}
/*# sourceMappingURL=main.b60d249c.chunk.css.map */