@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300&display=swap);:root{--trypan-blue-2:#3a0ca3;--flickr-pink:#e42e4f;--byzantine:#b5179e;--light-pink:#ffc6ff;--text-color:#efefef;--dark-text-color:#2c2c2c;--delete-color:#df372b;--divider-color:#0000001a;--dark-bg:#222;--soft-dark:#272724;--extra-light-gray:#f8f9fa;--soft-light-gray:#f2f2f3;--light-gray:#ced4da;--primary-gray:#adb5bd;--soft-dark-gray:#89949e;--dark-gray:#6c757d;--extra-dark-gray:#343a40;--letter-spacing:0.08rem;--transition:all 0.2s ease;--btn-transition:all 0.125s ease;--radius:0.25rem;--img-radius:0.25rem 0.25rem 0rem 0rem;--card-radius:0rem 0rem 0.25rem 0.25rem;--btn-radius:16px;--light-shadow:0 2px 8px #0000001a;--dark-shadow:4px 5px 15px #05060666}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#2c2c2c;color:var(--dark-text-color);font-family:Open Sans,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style-type:none}a{color:inherit;text-decoration:none}hr{border:none;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--divider-color)}h1,h2,h3,h4{letter-spacing:.08rem;letter-spacing:var(--letter-spacing)}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{color:#adb5bd;color:var(--primary-gray);font-size:.9rem;letter-spacing:.08rem;letter-spacing:var(--letter-spacing)}@media screen and (min-width:753px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.25rem}body{font-size:1rem}h1,h2,h3,h4{line-height:1}}.btn{border:none;border-radius:16px;border-radius:var(--btn-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--light-shadow);cursor:pointer;display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.08rem;letter-spacing:var(--letter-spacing);padding:.4rem 1.25rem;text-transform:uppercase;transition:all .125s ease;transition:var(--btn-transition)}.icon-btn{background-color:initial;box-shadow:none;justify-self:center;padding:.4rem .2rem}.icon,.nav-icon{margin:0;padding:0;transition:all .125s ease;transition:var(--btn-transition)}.nav-icon{color:#3a0ca3;color:var(--trypan-blue-2)}.icon{font-size:1rem}.icon,.icon-big{color:#e42e4f;color:var(--flickr-pink)}.icon-big{font-size:1.5rem}.topline,.underline{background-color:#e42e4f;background-color:var(--flickr-pink);border-radius:.25rem;border-radius:var(--radius);bottom:-13px;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.topline{top:-13px}.nav{background-color:initial;box-shadow:0 2px 8px #0000001a;box-shadow:var(--light-shadow);height:4rem}.nav,.nav-header{align-items:center;display:flex;display:-moz-flex;display:-ms-flex}.nav-header{-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.nav-brand{font-feature-settings:"smcp";color:#3a0ca3;color:var(--trypan-blue-2);font-variant:small-caps;margin-bottom:.1rem;text-transform:lowercase}.nav-toggler{align-self:center;font-size:1.5rem;padding-bottom:0;transition:all .125s ease;transition:var(--btn-transition)}.nav-toggler:hover .nav-icon{transform:rotate(90deg)}.nav-links{display:none}.nav-link{grid-gap:1rem;align-items:center;display:grid;display:-moz-grid;display:-webkit-grid;gap:1rem;grid-template-columns:auto 1fr;white-space:nowrap}.nav-text{font-feature-settings:"smcp";font-size:1.3rem;font-variant:small-caps;text-transform:lowercase}.socialTop{display:none}.nav-item{transition:all .125s ease;transition:var(--btn-transition)}.nav-item:hover{color:#e42e4f;color:var(--flickr-pink)}.container{margin:0 auto;padding:0 1rem;width:100%}@media screen and (min-width:992px){.nav{height:5rem;-moz-justify-content:space-around;-ms-justify-content:space-around;justify-content:space-around}.container{width:90%}.nav-container{align-items:center;display:-moz-flex;display:-ms-flex;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between}.nav-header{text-align:left;width:fit-content}.links-container{justify-self:center}.nav-toggler{display:none}.nav-links{display:flex;display:-moz-flex;display:-ms-flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;width:50%}.nav-icon{font-size:1.4em}.socialTop{grid-gap:1rem;align-items:center;display:grid;display:-moz-grid;display:-webkit-grid;font-size:1.2rem;gap:1rem;grid-template-columns:auto auto auto}}.justify-content-beetwen{justify-content:space-between}.gap-3{gap:5rem}.ml-auto{margin-left:auto!important}.btn-group{display:-moz-flex;display:-ms-flex;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;width:100%}.btn-primary{background-color:#e42e4f;background-color:var(--flickr-pink);color:#fff;font-size:.8rem;padding:.9rem 1.8rem;text-transform:uppercase;width:fit-content}.btn-primary:hover{background-color:#b5179e;background-color:var(--byzantine);transform:scale(1.02)}.sidebar{background:#fff;bottom:0;left:0;position:fixed;right:0;top:0;transform:translateX(-100%);transition:all .2s ease;transition:var(--transition);width:100%;z-index:2}.sidebar-content{grid-gap:2rem;display:grid;display:-moz-grid;display:-webkit-grid;gap:2rem;height:50%}.sidebar .nav-header{height:4rem;margin:0}.sidebar .nav-header .nav-icon{font-size:1.8rem;margin:0;padding:0}.sidebar-links{grid-gap:1rem;display:-moz-grid;display:-webkit-grid;display:grid;font-size:1.2em;gap:1rem;place-items:flex-start}.sidebar-links .nav-item{padding:.5rem 0;width:100%}.sidebar-social{grid-gap:2rem;display:-moz-grid;display:-webkit-grid;display:grid;font-size:1.5rem;gap:2rem;grid-template-columns:1fr 1fr 1fr;margin:2rem auto;width:fit-content}.nav-item:hover .nav-link .nav-icon{color:#e42e4f!important;color:var(--flickr-pink)!important;transform:scale(1.1)}.show-sidebar{transform:translateX(0)!important}@media screen and (min-width:992px){.sidebar{display:none}}.hero-img-container{background-position:top;background-size:contain;min-height:96vh;position:relative;width:100%;z-index:1}.hero-overlay{background-color:#000c;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:999}.hero-container{height:100%}.home-hero{align-items:center;height:100%}.home-hero,.home-hero-text{display:-moz-grid;display:-webkit-grid;display:grid}.home-hero-text{grid-gap:2rem;color:#efefef;color:var(--text-color);gap:2rem;place-items:center;text-align:center;width:100%}.home-hero-title{grid-gap:1rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:1rem}.home-hero-title h2{font-weight:900}.home-hero-title h4{font-feature-settings:"smcp";font-variant:small-caps}.home-hero-text p{align-self:center;color:#ced4da;color:var(--light-gray);line-height:1.6;max-width:70ch}.home-hero-text .btn{align-self:center;border-radius:22px}@media screen and (min-width:992px){.home-hero{grid-template-columns:repeat(12,1fr)}.home-hero-text{gap:3rem;grid-column:1/7;place-items:start;text-align:left}.home-hero-text p{align-self:flex-start;color:#ced4da;color:var(--light-gray);line-height:1.6;max-width:70ch}.home-hero-text .btn{align-self:auto}.home-hero-img{grid-column:8/-1}}.about-hero{display:-moz-grid;display:-webkit-grid;display:grid;height:100%;place-items:center}.about-text{color:#ced4da;color:var(--light-gray);line-height:1.5;max-width:45ch;position:relative;text-align:center}.about-text h3{font-style:italic;line-height:1.4}@media screen and (min-width:992px){.about-text{max-width:65ch}}.contact-hero{align-items:center;height:100%}.contact-hero,.contact-hero-text{display:-moz-grid;display:-webkit-grid;display:grid}.contact-hero-text{grid-gap:2rem;gap:2rem;place-items:center;text-align:center;width:100%}.contact-hero-title{grid-gap:1rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:1rem;margin-top:3rem}.contact-title{line-height:1.05}.contact-subtitle{color:#adb5bd;color:var(--primary-gray);font-weight:500;line-height:1.4;margin:auto;max-width:55ch}.contact-form-container{background-color:#fff;border-radius:.25rem;border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--light-shadow);margin-top:2rem;padding-bottom:2rem;padding-top:1.5rem}.contact-form,.contact-form-container{display:-moz-grid;display:-webkit-grid;display:grid}.contact-form{grid-gap:1rem;gap:1rem}.form-group{grid-gap:.4rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:.4rem}.form-group label{font-feature-settings:"smcp";color:#3a0ca3;color:var(--trypan-blue-2);font-size:1.2em;font-variant:small-caps;font-weight:700;text-transform:lowercase}.form-group .input{border:0 solid #6c757d;border:0 solid var(--dark-gray);border-radius:0;letter-spacing:.08rem;letter-spacing:var(--letter-spacing);padding-left:.1rem}.contact-form button{align-self:center;border-radius:22px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--light-shadow);justify-self:center}@media screen and (min-width:992px){.contact-form-container,.contact-hero-text{margin-top:4rem}}.home-screen{margin:2rem auto}.search-bar{width:100%}.form-container{-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start}.form-container,.form-container form{display:-moz-grid;display:-webkit-grid;display:grid}.form-container form{grid-gap:1rem;gap:1rem}form label .drink{justify-self:flex-start}.form-container form .input-search{grid-gap:3rem;align-items:center;display:-moz-grid;display:-webkit-grid;display:grid;gap:3rem;grid-template-columns:auto auto}.input-search .input{font-size:18px;font-weight:700;text-transform:uppercase}.input{border:1px solid #adb5bd;border:1px solid var(--primary-gray);border-radius:16px;color:#6c757d;color:var(--dark-gray);padding:1.5rem 1rem}.input:focus{box-shadow:0 0 1px 0 #2c2c2c;outline:0 #0000}.search-bar .result{align-self:left;margin-top:1rem}@media screen and (min-width:992px){.home-screen{margin:3rem auto}.input-search{margin:auto;width:1300px}.search-bar{align-items:center;display:-moz-grid;display:-webkit-grid;display:grid;grid-template-columns:auto auto;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;width:100%}.form-container form{align-items:center;gap:3rem;grid-template-columns:auto auto auto}.search-bar .result{align-self:left}}.about-value{background-color:#f8f9fa;background-color:var(--extra-light-gray);margin:0 auto}.about-value-content{grid-gap:2rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:2rem;padding-bottom:2rem;padding-top:2rem}.about-value h3.brand-secondary-color{text-align:center}.card-section{grid-gap:2rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:2rem;place-items:center}.about-team{background-color:#fff;margin:0 auto}.about-team .team-img{height:70vh;position:relative}.about-team .team-img:before{background-color:#fff;bottom:-10px;clip-path:polygon(100% 40%,-40% 110%,100% 100%);content:"";height:15vh;left:0;position:absolute;width:100.1%}.about-team-content{grid-gap:2rem;display:-moz-grid;display:-webkit-grid;display:grid;gap:2rem;padding-bottom:2rem;padding-top:2rem;place-items:center}@media screen and (min-width:753px){.about-team .team-img:before{clip-path:polygon(100% 10%,-20% 100%,100% 100%)}}@media screen and (min-width:992px){.about-value{margin:0 auto}.about-team .team-img:before{clip-path:polygon(100% 0,-50% 130%,100% 100%)}.about-value-content{gap:3rem;padding-bottom:5rem;padding-top:3rem}.card-section{align-items:normal;grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1280px){.about-team-content .card-section{flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr 1fr}}.footer{background-color:#3a0ca3;background-color:var(--trypan-blue-2);height:4rem}.footer-container{font-feature-settings:"smcp";color:#efefef;color:var(--text-color);display:-moz-grid;display:-webkit-grid;display:grid;font-variant:small-caps;height:100%;place-items:center}.d-flex{display:flex}.flex-row{flex-direction:row}.brand-color{font-family:Verdana,Geneva,Tahoma,sans-serif}.brand-secondary-color{color:#3a0ca3;color:var(--trypan-blue-2)}.footer-text{color:#fff;font-size:1.03em!important}.loading-position{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lds-roller{display:inline-block;height:80px;position:relative;width:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{background:#3a0ca3;background:var(--trypan-blue-2);border-radius:50%;content:" ";display:block;height:7px;margin:-4px 0 0 -4px;position:absolute;width:7px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{left:63px;top:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:56px;top:68px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:48px;top:71px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:40px;top:72px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:32px;top:71px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:24px;top:68px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:17px;top:63px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:12px;top:56px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #00000026;display:flex;flex-direction:column;margin:15px;max-width:300px;padding:20px;text-align:center;transition:transform .2s ease-in-out;width:100%}.card:hover{transform:scale(1.05)}.card-icon{color:#b5179e;color:var(--byzantine);font-size:2.5rem;margin-bottom:15px}.card-img{border-radius:8px;margin-bottom:15px;width:100%}.card-content{padding:10px}.card-title{color:#333;font-size:1.5rem}.card-subtitle,.card-title{font-weight:700;margin-bottom:10px}.card-subtitle{color:#b5179e;color:var(--byzantine);font-size:1.1rem}.card-text p{color:#242323;font-size:1rem;line-height:1.4}.cocktails{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(27%,1fr));left:0;margin-right:0;padding:20px}.cocktails div{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.cocktails h3{background-color:#ffefd5;color:#333;font-size:1.25rem;margin:0;padding:10px;text-align:center}.cocktails div:hover img{filter:brightness(.5)}.cocktails p{display:none}.cocktails .img{height:20rem;width:100%}.cocktails .description{color:#222;color:var(--dark-bg);display:block;font-weight:600;padding-bottom:-100px;position:cover;right:15px;z-index:100}.cocktails .ck-id{height:fit-content}.cocktails .card-text.container{display:none}.cocktails .card-text.container.show-info{background-color:#ffffffc5;bottom:0;display:block;left:0;opacity:0;padding:10px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;width:100%}.cocktails .ck-id:hover .card-text.container.show-info{opacity:1;transform:translateY(0)}.cocktails .img:hover{opacity:.8}.see-more-btn{justify-content:space-around;margin:3px}@media (max-width:768px){.cocktails{grid-template-columns:1fr}}.single-cocktail{margin:20px auto;max-width:600px;padding:20px;text-align:center}.single-cocktail .info{margin:10px}.single-cocktail h1{margin-bottom:2rem}.single-cocktail img{border-radius:10px;width:80%}.single-cocktail ul{list-style-type:none;padding:0}.single-cocktail li{margin:5px 0}.container-menu{background-color:#f9f9f9;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:20px auto;max-width:1200px;padding:20px}.menu-category{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex-basis:calc(33.33% - 20px);flex-direction:column;flex-grow:1;flex-shrink:1;padding:20px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.menu-category:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.menu-category h3{color:#333;font-family:Arial,sans-serif;font-size:1.2rem;margin-bottom:10px}.menu-category img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;margin-bottom:10px;max-width:200px;width:100%}.menu-category p{color:#555;font-family:Arial,sans-serif;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.menu-category{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.menu-category{flex:1 1 100%}}.meals-container{grid-gap:20px;background-color:#f8f9fa;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:20px;padding:20px}@media (max-width:1024px){.meals-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.meals-container{grid-template-columns:1fr}}.meal-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.meal-card:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-5px)}.meal-image{height:200px;object-fit:cover;width:100%}.meal-info{padding:15px;text-align:center}.meal-info h3{color:#333;font-size:1.2rem;line-height:1.4;margin:10px 0}.error,.loading{color:#888;font-size:1rem;margin-top:20px;text-align:center}.info-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-top:20px;padding:20px;transition:all .3s ease}.info-container h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:10px}.info-container ul{list-style-type:none;margin:0;padding-left:0}.info-container li{color:#555;font-size:1rem;margin-bottom:5px}.info-container h4:first-child{color:#007bff;font-size:1.2rem;font-weight:700;margin-top:10px}.info-container h4:last-child{color:#888;font-size:1rem;font-style:italic;margin-top:15px}.title{color:#272724;color:var(--soft-dark);font-weight:700;margin:1rem}.centralize{display:grid;place-items:center}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:500px;padding:20px;position:relative;width:90%}.close-button{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:10px}.ingredients-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.ingredient-item{background-color:#f4f4f4;border:1px solid #ccc;border-radius:5px;font-size:.9rem;padding:5px 10px;white-space:nowrap}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d291f248.css.map*/