@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box}.nav{display:flex;justify-content:center;align-items:center;height:5rem;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;z-index:1}.nav-center{width:90vw;max-width:1140px}.nav-logo-icon,.nav-logo-text{margin-right:1rem;font-weight:700}.nav-logo-icon{font-size:2rem}.nav-logo-text{font-size:1.25rem;text-transform:uppercase}.nav-header{display:flex;justify-content:space-between;align-items:center}.nav-links{display:none}.btn-toggle{font-size:1rem;padding:.5rem .75rem;border-radius:.25rem;border-color:transparent;color:#047400;background:transparent;cursor:pointer}.btn-toggle:hover{background:#a5e6b0}@media screen and (min-width:768px){.btn-toggle{display:none}.nav-center{display:flex;justify-content:space-between}.nav-header{flex:40% 1}.nav-links{flex:60% 1;display:flex;justify-content:space-between}.links{display:-ms-grid;display:grid;align-items:flex-end;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-gap:1rem;gap:1rem}.nav-socials-icon{font-size:1.25rem}}.sidebar-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:-ms-grid;display:grid;place-items:center;visibility:hidden;z-index:-1;transition:all .3s linear;-webkit-transform:scale(0);transform:scale(0);background:rgba(0,0,0,.5)}.show{visibility:visible;z-index:2;-webkit-transform:scale(1);transform:scale(1)}.sidebar{width:90vw;height:90vh;max-width:620px;background:#fff;border-radius:.25rem;box-shadow:0 5px 15px rgba(0,0,0,.1);position:relative;padding:4rem 2rem}.sidebar-btn-close{font-size:2rem;background:transparent;border-color:transparent;color:#000;position:absolute;top:1rem;right:1rem;cursor:pointer}article{margin-bottom:2rem}article li{margin-bottom:.8rem}.submenu{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);top:4rem;z-index:3;display:none;padding:2rem;border-radius:.25rem;transition:all .3s linear}.submenu,.submenu:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.submenu:before{content:"";display:block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;top:-5px}.submenu.show{display:block}.submenu-center{display:-ms-grid;display:grid;grid-gap:.25rem 2rem;gap:.25rem 2rem}.col-2{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.col-3{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.col-4{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.submenu h4{margin-bottom:1.5rem}.submenu-center a{width:10rem;display:block;color:#047400;text-transform:capitalize;display:flex;align-items:center}.submenu-center svg{color:#000;margin-right:1rem}.search{display:flex;justify-content:center}.search-container{width:80%;box-shadow:4px 10px 5px rgba(0,0,0,.5);border-radius:.25rem;margin-top:2rem;padding:2rem;background:#fff}.search input{display:block;width:100%;padding:.5rem 1rem;background:#d8fcd8;border:0;font-size:1.25rem;border-radius:.25rem}.search input:focus{outline:none}@media screen and (min-width:768px){.search-container{width:620px}}.btn-container{display:flex;justify-content:center;flex-wrap:wrap}.btn{text-transform:uppercase;letter-spacing:.3rem;color:#047400;border:2px solid #047400;padding:.45rem .8rem;transition:all .3s linear;cursor:pointer;font-size:.8rem;background:transparent;border-radius:.25rem;display:inline-block}.btn:hover{background:#047400;color:#fff}.btn-page{width:2rem;height:2rem;background:#a5e6b0;color:#000;border-color:transparent;border-radius:5px;cursor:pointer;margin:.5rem;transition:all .3s linear}.btn-active{background:#047400;color:#fff}.btn-next,.btn-prev{background:transparent;border-color:transparent;font-weight:700;text-transform:capitalize;letter-spacing:.3rem;margin:.5rem;font-size:1rem;cursor:pointer}@media screen and (min-width:775px){.btn-container{margin:0 auto;max-width:700px}}.loader,.loader:after,.loader:before{background:transparent;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#047400;text-indent:-9999em;margin:20rem auto 88px;position:relative;font-size:3rem;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.cocktails-center{width:85vw;margin:0 auto;max-width:1140px;display:-ms-grid;display:grid;grid-row-gap:2rem;row-gap:2rem;-webkit-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem}@media screen and (min-width:576px){.cocktails-center{-ms-grid-columns:(minmax(338.8px,1fr))[auto-fill];grid-template-columns:repeat(auto-fill,minmax(338.8px,1fr))}}.cocktail{background:#fff;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:all .3s linear;display:-ms-grid;display:grid;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;border-radius:.25rem}.cocktail:hover{box-shadow:4px 10px 5px rgba(0,0,0,.5)}.cocktail img{height:15rem;object-fit:cover;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.cocktail-footer{padding:1.5rem}.cocktail-footer h3,.cocktail-footer h4,.cocktail-footer p{margin-bottom:.3rem}.cocktail-footer h3{font-size:2rem}.cocktail-footer p{color:#047400;margin-bottom:.5rem}.btn-text{border:0;background:transparent;color:#047400;font-family:"Lato",sans-serif;font-size:1rem}.cocktail-section{text-align:center}.drink{width:85vw;max-width:1140px;margin:0 auto;text-align:left}.drink img{border-radius:.25rem}.drink p{font-weight:700;text-transform:capitalize;line-height:1.8}.drink span{margin-right:.5rem}.drink-data{background:#047400;padding:.25rem .5rem;border-radius:.25rem;color:#fff}.drink-info{padding-top:2rem}@media screen and (min-width:992px){.drink{display:-ms-grid;display:grid;-ms-grid-columns:2fr 3fr;grid-template-columns:2fr 3fr;grid-gap:3rem;gap:3rem;align-items:center}.drink-info{padding-top:0}}body{font-family:"Lato",sans-serif;color:#000;background:#d8fcd8;line-height:1.4;font-size:1rem;font-weight:400}.cocktail-app-container{width:100%}h1,h2,h3,h4{font-family:"Lato",sans-serif;margin-bottom:1.25rem;letter-spacing:.3rem}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.825rem}p{margin-bottom:1.25rem}ul{list-style-type:none}a{text-decoration:none;color:#047400}img{width:100%;display:block}@media screen and (min-width:768px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1rem}}.section{max-width:1140px;width:90%;padding:1rem;margin:1rem auto}.section-title{margin-top:1rem;text-align:center}.footer{max-width:1140px;margin:1rem auto;padding:1rem;text-align:center}
/*# sourceMappingURL=main.2380786c.chunk.css.map */