@import"https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@100;300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}.header{color:#3a394c;background-color:#ffffff80;height:70px;position:sticky;z-index:2;width:100%;top:0;box-shadow:0 3px 6px #00000029}.header .logotype{height:120px;width:auto;cursor:pointer}.header .nav-list{display:flex;list-style:none}.header .nav-list a{text-decoration:none;color:#3a394c}.header .nav-list li{margin-left:30px;font-family:Saira Extra Condensed;font-weight:400;font-size:20px;cursor:pointer}.header .nav-list li:hover{box-shadow:0 2px #3a394c}p{font-family:Montserrat,sans-serif;font-size:16px;font-weight:300;color:#032943}.container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1100px;margin:0 auto}.banner{height:100vh;background-image:url(/assets/great-cocktails-qBJE30dBnNA-unsplash-9DjMNb9R.jpeg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;margin-top:-70px}.banner-description{position:absolute;bottom:80px;width:400px}.banner-description .class-title{font-size:60px}.banner-description .btn-banner{background-color:#032943;font-family:Saira Extra Condensed;font-size:20px;font-weight:400;color:#fff;border:none;padding:6px 20px;width:170px;cursor:pointer;margin-top:20px}.discover{padding:100px 0;background:linear-gradient(180deg,rgb(3,41,67) 15%,rgb(12,151,246) 100%);display:flex;justify-content:center;align-items:center}.discover img{height:90vh;width:auto}.discover .description{display:flex;flex-direction:column;text-align:left;background-color:#fff;height:70vh;justify-content:center;margin-left:-150px;margin-right:150px;padding:0 100px;border-radius:26% 74% 70% 30%/63% 58% 42% 37%}.discover .description p{font-size:14px}.discover .description .btn{background-color:#032943;font-family:Saira Extra Condensed;font-size:20px;font-weight:400;color:#fff;border:none;padding:6px 20px;width:170px;cursor:pointer;margin-top:20px}.class-title{font-family:Saira Extra Condensed;font-size:32px;font-weight:600;color:#032943}.our_cocktails{background-image:url(/assets/great-cocktails-Sh83RLW-Zjc-unsplash-qjkB9qf-.jpeg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%}.our_cocktails .cocktail-title{margin-top:80px;font-family:Saira Extra Condensed;font-size:42px;color:#fff;font-weight:600;position:relative}.our_cocktails .our_cocktails-overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(180deg,rgb(3,41,67) 15%,rgba(12,151,246,.7) 100%);height:100%;z-index:1;top:0;left:0}.our_cocktails .container-cocktails{display:flex;justify-content:space-between;text-align:left;gap:20px}.our_cocktails .drink_recipe{background-color:#dfa4a9;padding:20px;width:100%;margin:50px 0 100px;box-shadow:0 3px 6px #292a2d;display:flex;flex-direction:column;justify-content:center}.our_cocktails .drink_recipe a{text-decoration:none;color:#032943;font-family:Montserrat,"sans-serif";font-weight:600;margin-top:15px}.our_cocktails .drink_recipe img{height:auto;max-width:100%;padding:0}.generator{padding-top:80px;background:linear-gradient(90deg,rgb(3,41,67) 0%,rgb(122,204,238) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.generator .class-title{margin-bottom:10px}.generator .generator-container{display:flex;justify-content:space-between;max-width:1080px;margin:0 auto;text-align:left}.generator .generator-container .generator_image{height:70vh;width:auto;margin-top:300px;margin-bottom:0}.generator .generator-container .form-container .form-group{display:flex;justify-content:flex-start;margin-bottom:50px}.generator .generator-container .form-container .form-group .form-control{font-family:Montserrat,"sans-serif";color:#fff;font-weight:500;width:501px;height:42px;text-align:center;line-height:22px;display:block;border:2px solid white;border-radius:40px;padding:10px;color:#032943;margin-bottom:-55px}.generator .generator-container .form-container .form-group label{position:relative;cursor:pointer;margin-right:100px;font-family:Montserrat,"sans-serif";color:#fff;font-weight:500;z-index:1;margin-top:50px;margin-left:34px}.generator .generator-container .form-container .form-group label:nth-child(1){margin-right:115px}.generator .generator-container .form-container .input-radio{width:0;height:0;position:absolute;z-index:-1;cursor:pointer}.generator .generator-container .form-container .input-radio:after{content:"";width:100px;height:22px;display:block;border:2px solid white;border-radius:40px;padding:10px;transform:translate(-27%,-29%);text-align:center;line-height:22px}.generator .generator-container .form-container .input-radio:checked:after{background-color:#dfa4a9;border-color:#fff;z-index:-1}.generator .btn{font-family:Saira Extra Condensed,sans-serif;font-weight:500;padding:10px;background-color:#032943;color:#fff;font-size:22px;line-height:22px;text-align:center;width:501px;border:none;cursor:pointer;margin-bottom:50px}.generator .invalid_ingredient{margin-left:-60px;font-family:Montserrat,"sans-serif";text-align:center;color:#d13030;font-weight:400}.generator .ingredients{margin:0}.generator .ingredients ul{display:flex;margin:20px 0;list-style:none}.generator .ingredients ul li{border:2px solid white;border-radius:40px;padding:10px;background-color:#dfa4a9;color:#fff;font-family:Montserrat,"sans-serif";margin-right:10px;text-align:center}.generator .ingredients ul .btn-delete{border:none;font-family:Montserrat,"sans-serif";color:#fff;font-weight:600;background-color:transparent;cursor:pointer}.generator .recipes-container{display:flex;flex-direction:row;justify-content:flex-start;border:1px solid white;border-radius:40px;background-color:#032943;padding:20px}.generator .class-title{color:#fff;font-size:42px}.generator h2{font-size:32px;color:#fff;font-family:Saira Extra Condensed,sans-serif;font-weight:600}.generator h3{color:#fff;font-family:Saira Extra Condensed,sans-serif}label,ul{font-family:Montserrat}.form-group{display:flex;flex-direction:column;justify-content:center;align-items:center}.selected-ingredients{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;margin:0 auto;max-width:376px}.recipes{color:#fff;font-family:Montserrat,"sans-serif";font-size:16px;font-weight:500}.recipes ul{list-style-type:"- ";margin-left:20px}.recipes ul li{cursor:pointer}.drink_details{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;position:relative;margin:0 auto;max-width:876px;text-align:center}.drink_details p{color:#fff;font-family:Montserrat,"sans-serif";font-size:14px}.drink_details .ingredients-container{font-size:14px}.drink_details .ingredients-container h3{font-size:20px}.drink_details .ingredients-container p{font-size:11px}.drink_details .instruction-container{margin:0 20px;max-width:45%}.drink_details .instruction-container h3{font-size:20px}.first_entry{background-image:url(/assets/firstentry-img-gzwxSzHd.jpeg);background-repeat:no-repeat;background-position:center;background-size:cover;height:100vh;width:auto}.first_entry .container-first_entry{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:linear-gradient(180deg,rgb(212,149,157) 20%,rgba(212,149,157,.5) 100%);height:100%;z-index:1;top:0;left:0}.first_entry .container-first_entry h1{font-family:Saira Extra Condensed,sans-serif;font-size:42px;color:#fff}.first_entry .container-first_entry h2{font-family:Montserrat,sans-serif;font-size:24px;font-weight:400;color:#fff;text-align:center}.form-group{display:flex;flex-direction:row}.form-group .input-form-age{padding:20px;margin:30px 3px 3px;max-width:33%;border:1px solid white;border-radius:3px;background-color:transparent;color:#fff;text-align:center;font-family:Montserrat,"sans-serif";font-weight:500}.form-group .input-form-age::placeholder{color:#fff;text-align:center}.btn-first_entry{width:100%;background-color:#032943;color:#fff;padding:20px;border:none;border-radius:50px;margin:0 0 20px;cursor:pointer;font-family:Montserrat,"sans-serif";font-weight:600;font-size:14px}.term_and_conditions{font-family:Montserrat,"sans-serif";font-weight:300;font-size:12px;text-align:center;color:#fff}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-form-age.invalid{color:#d13030;border-color:#d13030}.invalid_date{margin:0 0 5px;font-family:Montserrat,"sans-serif";font-weight:500;font-size:13px;text-align:center;color:#d13030}.footer{background-color:#032943;display:flex;justify-content:center}.footer .container-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:600px}.footer .container-footer h3{font-family:Saira Extra Condensed,sans-serif;font-weight:600;font-size:32px;color:#fff;margin:20px 0 10px}.footer .container-footer p{color:#fff;font-size:14px;font-family:Montserrat,"sans-serif"}.footer .container-footer ul{display:flex;list-style:none;font-family:Montserrat,"sans-serif";color:#fff;font-size:14px;justify-content:space-evenly;margin:50px 0 30px;width:100%;cursor:pointer}.icons{display:flex}.icons .icon-socialmedia{color:#fff;width:48px;height:48px;margin:0 5px 30px;cursor:pointer}.about{background:linear-gradient(180deg,rgb(223,164,169) 20%,rgb(122,204,238) 100%);margin-top:-70px;text-align:center}.about .container{display:flex;flex-direction:column;padding:120px 0 100px}.about .about-section{display:flex;justify-content:space-between;width:100%;margin-top:100px}.about .about-section .video{display:flex;justify-content:center}.about .about-section .about-description{padding:20px;text-align:left}.about .about-section img{max-height:70vh}.about h1{font-size:42px;color:#fff}.about h3{font-size:38px;color:#fff;font-weight:500;font-family:Saira Extra Condensed,sans-serif}.about p{font-family:Montserrat,"sans-serif";font-weight:300;font-size:16px;color:#fff}.recipe-item{display:flex;align-items:center}.recipe-arrow{margin-left:10px;transform:rotate(-90deg);transition:transform .3s ease}.recipe-arrow.expanded{transform:rotate(-180deg)}