@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{background-color:#61576b;box-sizing:border-box;font-family:Varela Round,sans-serif;font-size:62.5%}.App{display:flex}.app--main-content{height:100%;overflow:auto;padding-left:15rem}@media (max-width:900px){.app--main-content{padding-left:0}}.home--container{align-items:center;background-color:#61576b;display:flex;flex-direction:column;width:calc(100vw - 15rem)}.header--container{align-items:center;display:flex;height:11rem;justify-content:center}.header--title{font-family:Fredoka One,cursive;font-size:5rem}.header-image--container{width:8rem}.header-image--container img{width:100%}.section-1{display:flex;max-height:calc(100vh - 11rem);min-height:calc(100vh - 11rem);padding:3rem;width:100%}.section-1--left{align-items:center;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;width:60%}.section-1--left p{font-size:8rem}.section-1--right{display:flex;flex-direction:column;min-height:100%;width:40%}.section-1--right__top{background-image:url(/static/media/girlbartender.3713227c0cb6c2cda5f4.jpeg);background-position:50%;background-size:cover;height:50%}.section-1--right__bottom{height:50%}.section-1--video_container{height:100%;overflow:hidden;width:100%}.section-1--video{height:100%;object-fit:cover;width:100%}.section-2{align-items:center;background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(/static/media/fruitycocktails.3d5d890e276980116bcc.jpeg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;width:100%}.section-2--content{display:flex;height:40rem;width:80rem}.section-2--left{margin-right:2rem}.section-2--left,.section-2--right{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;justify-content:center;width:50%}.section-2--left p,.section-2--right p{font-size:3rem}.section-3{display:flex;height:100vh;padding:3rem;width:100%}.section-3--left{width:40%}.section-3--right{align-items:center;background-color:hsla(0,0%,100%,.8);display:flex;justify-content:center;width:60%}.section-3--right_container{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.section-3--right_container p{font-size:8rem}.section-3--left__bottom,.section-3--left__top{height:50%}.section-3--left__top{background-image:url(/static/media/servinggirl.725f296a228f1e825f5c.jpeg);background-position:50%;background-size:cover}.section-3--video_container{height:100%;overflow:hidden;width:100%}.section-3--video_container video{height:100%;object-fit:cover;width:100%}.section-4{background-image:linear-gradient(hsla(0,0%,100%,.6),hsla(0,0%,100%,.6)),url(/static/media/friends2.f3f4d18fe14dc3af271e.jpeg);background-position:50%;background-size:cover;height:100vh;width:100%}.section-4,.section-4--content{align-items:center;display:flex;justify-content:center}.section-4--content{background-color:hsla(0,0%,100%,.7);height:40rem;width:40rem}.section-4--content p{font-size:3rem}@media (max-width:1050px){.section-1--left p{font-size:7rem}}@media (max-width:950px){.section-1--left p{font-size:6rem}}@media (max-width:900px){.home--container{width:100vw}}@media (max-width:750px){.header--title{font-size:4rem}.section-1{flex-direction:column;max-height:-webkit-min-content;max-height:min-content}.section-1--left,.section-1--right{width:100%}.section-2--content{align-items:center;flex-direction:column;justify-content:space-around}.section-2--left,.section-2--right{height:10rem;width:40rem}.section-3{flex-direction:column;height:-webkit-min-content;height:min-content;max-height:-webkit-min-content;max-height:min-content}.section-3--left,.section-3--right{width:100%}}@media (max-width:500px){.header--title{font-size:3rem}.header-image--container{width:5rem}.section-1--left{padding:3rem 0}.section-1--left p{font-size:4rem}.section-3--right_container{padding:3rem 0}.section-3--right_container p{font-size:4rem}}.sidebar--container{background-color:#48404f;color:#ebe6f0;display:flex;flex-direction:column;height:100%;position:fixed;transition:all .3s ease-in-out;width:15rem;z-index:1000}.sidebar--container li{display:flex;font-size:1.6rem}.sidebar--container li:hover{background-color:#2f2a34;cursor:pointer}.sidebar--container li a{align-items:center;color:#ebe6f0;display:inline-block;display:flex;height:100%;padding:1rem 2rem;text-decoration:none;width:100%}.list-span{margin-left:1rem}.sidebar-icons{color:#fff;width:3rem}.sidebar--container li a svg{width:3rem}.hamburger-btn{cursor:pointer;display:none;flex-direction:column;height:3.2rem;justify-content:space-between;position:fixed;right:2rem;top:1.8rem;-webkit-user-select:none;user-select:none}.hamburger-btn,.hamburger-line{transition:all .4s ease-in-out;width:3.5rem}.hamburger-line{background-color:#fff;height:.3rem;position:absolute}.hamburger-mid{top:1.3rem}.hamburger-bot{top:2.6rem}.hamburger-top--active{top:1rem;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.hamburger-mid--active{opacity:0}.hamburger-bot--active{top:1rem;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media (max-width:900px){.sidebar--container{-webkit-transform:translateX(-15rem);transform:translateX(-15rem)}.sidebar--active{-webkit-transform:translateX(0);transform:translateX(0)}.hamburger-btn{display:flex}}.mybar-ad--container{display:flex;height:60%;justify-content:center;max-width:30rem}.mybar-ad--container img{height:100%;max-width:100%}.mybar-form--container{background-color:#7e718c;border-radius:1rem;height:18rem;max-width:40rem;width:80%}.mybar-form{display:flex;flex-direction:column;padding:2rem}.mybar-form input{border:none;border-radius:5px;height:3.5rem;margin-bottom:1rem;padding:1rem}.ingredients-select{font-size:1.6rem;margin-bottom:1rem}.mybar-form button{border:none;border-radius:5px;font-size:2rem;height:3.5rem;transition:all .2s ease-in-out}.mybar-form button:hover{background-color:#bfb7c7;cursor:pointer}.mybar-instructions--container{background-color:#7f718e;border-radius:10px;height:22rem;list-style:none;margin-top:2rem;overflow:auto;padding:2rem;width:30rem}.mybar-instructions--title{font-size:2rem;margin-bottom:1rem;text-align:center}.mybar-instructions--item{align-items:center;background-color:#5d5367;border-radius:10px;box-shadow:0 .3rem 0 0 #c7c6c5,0 0 0 .1rem rgba(49,46,43,.06);color:#fff;display:flex;font-size:1.3rem;margin-bottom:2rem;padding:1rem}.mybar-instructions--item svg{flex-shrink:0;font-size:1.8rem;margin-right:1rem}.mybar-list--container{background-color:#7e718c;border-radius:10px;display:flex;flex-direction:column;flex-grow:3;margin:2rem 0;max-height:80%;max-width:40rem;overflow:scroll;padding:2rem;width:80%}.list-item-content--container{align-items:center;display:flex;justify-content:space-between;margin:0 1rem}.list-item--content{align-items:flex-start}.list-item--content,.mybar-list--item{display:flex;flex-direction:column;justify-content:center}.mybar-list--item{background-color:#5d5367;border-radius:10px;box-shadow:0 .3rem 0 0 #c7c6c5,0 0 0 .1rem rgba(49,46,43,.06);margin-bottom:2rem;padding:1rem}.mybar-list--item p{font-size:1.5rem}.open-accordian-btn{align-items:center;cursor:pointer;display:flex;font-size:2.5rem;justify-content:center}.control-btns{display:flex;max-height:0;overflow:hidden}.control-btns,.control-btns.show{transition:all .5s cubic-bezier(0,1,0,1)}.control-btns.show{height:auto;max-height:9999px}.control-btns button{align-items:center;display:flex;font-size:2rem;justify-content:center}.name-par{color:#fff}.brand-par{color:#a9a9a9}.mybar--container{background-color:#61576b;display:flex;height:100vh;justify-content:center;width:calc(100vw - 15rem)}.mybar--margin-container{align-items:center;display:flex;flex-direction:column;height:100%}.mybar--header{height:10%;margin-bottom:2rem;width:100%}.mybar--heading{font-size:4rem;margin:2rem}.mybar--display{display:flex;height:90%;justify-content:center;width:100%}.mybar--display-left{justify-content:center;max-height:100%}.mybar--display-left,.mybar--display-right{align-items:center;display:flex;flex-direction:column;width:40rem}@media (max-width:900px){.mybar--container{width:100vw}}@media (max-width:600px){.mybar--display{flex-direction:column}.mybar--container{height:-webkit-min-content;height:min-content;justify-content:center}}.allrecipes--container{align-items:center;background-color:#61576b;display:flex;flex-direction:column;height:100%;width:calc(100vw - 15rem)}.allrecipes--header{height:10%;margin-bottom:2rem;width:100%}.allrecipes--heading{font-size:4rem;margin:2rem}.allrecipes--content{align-items:center;display:flex;flex-direction:column;width:100%}.allrecipes-display{justify-content:center}.allrecipes--search{display:flex;flex-direction:column;width:30rem}.allrecipes--search input,.allrecipes--search select{border:none;border-radius:5px;height:3.5rem;margin-bottom:1rem;padding:1rem}.allrecipes-display{align-items:center;display:flex;flex-wrap:wrap;width:100%}@media (max-width:900px){.allrecipes--container{width:100vw}}.recipe-thumb--container{background-color:#f0f8ff;border-radius:5px;box-shadow:inset 0 -5px 0 0 #cbcbcb;cursor:pointer;margin:1rem;max-width:30rem;overflow:hidden}.thumbnail--container,.thumbnail--container img{width:100%}.recipe-thumb--title{color:#353338;font-size:140%;font-weight:700;text-align:center;width:-webkit-max-content;width:max-content}.recipe-thumb--content{align-items:center;display:flex;justify-content:space-around;padding:0 1rem;width:100%}.heart{background:url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;background-position:0 0;background-size:1450px;cursor:pointer;height:50px;transition:background-position 1s steps(28);transition-duration:0s;width:50px}.heart.is-active{background-position:-1400px 0;transition-duration:1s}.heart.is-favorited{background-position:-1400px 0;transition-duration:0s}.pagination-list{display:flex;list-style:none;margin-top:4rem}.pagination-list li{font-size:1.8rem;font-weight:700;margin-right:1rem}.pagination-list li a{color:#fff;text-decoration:none}.pagination-list li.active a{color:#c93450}.recipe-placeholder--container{background-color:#f0f8ff;border-radius:5px;box-shadow:inset 0 -5px 0 0 #cbcbcb;cursor:pointer;height:35rem;margin:1rem;overflow:hidden;width:30rem}.placeholder-img--container{background-color:#d3d3d3;height:83%;width:100%}.recipe-placeholder--content{align-items:center;display:flex;height:17%;justify-content:space-around;padding:0 1rem;width:100%}.recipe-placeholder--title{background-color:#d3d3d3;border-radius:10px;height:2rem;width:70%}.heart-container svg{color:#d3d3d3;font-size:2.7rem}.ad-placeholder--container{height:40rem}.ad-placeholder--container img{height:100%}.recipe--container{background-color:#61576b;display:flex;height:100%;min-height:100vh;padding:2rem;width:calc(100vw - 15rem)}.recipe-img--container{width:37rem}.recipe-img--container img{width:100%}.recipe-display--left{background-color:#7e718c;border-radius:10px;display:flex;flex-direction:column;margin-right:3rem;padding:1.5rem;width:40rem}.recipe--title{font-size:3rem;margin-bottom:1.5rem}.recipe-ingredients{font-size:1.8rem;list-style:none;margin-top:1.5rem;width:37rem}.ingredient-item{border-bottom:2px solid #000;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem 0;width:37rem}.recipe--title svg{margin-right:1.5rem}.recipe-instructions{font-size:1.4rem;margin-top:1.5rem}.recipe-display--right{width:35%}@media (max-width:900px){.recipe--container{width:100vw}}@media (max-width:600px){.recipe--container{align-items:center;flex-direction:column;justify-content:center}.recipe-display--right{display:flex;justify-content:center;margin-top:5rem;width:100%}}.favorites--container{align-items:center;background-color:#61576b;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 10rem);width:calc(100vw - 15rem)}.favorites--header{height:10%;margin-bottom:2rem;width:100%}.favorites--heading{font-size:4rem;margin:2rem}@media (max-width:900px){.favorites--container{width:100vw}}.my-recipes--container{align-items:center;background-color:#61576b;display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 10rem);width:calc(100vw - 15rem)}.myrecipe--header{height:10%;margin-bottom:2rem;width:100%}.myrecipe--heading{font-size:4rem;margin:2rem}@media (max-width:900px){.my-recipes--container{width:100vw}}.news--container,.sales--container{height:100%;min-height:100vh;padding:2rem;width:calc(100vw - 15rem)}.footer--container,.news--container,.sales--container{background-color:#61576b;display:flex;justify-content:center}.footer--container{align-items:center;height:10rem;width:100%}.footer-links{display:flex;list-style:none}.footer-link--item a{border-right:2px solid #ebe6f0;color:#ebe6f0;font-size:1.3rem;margin-right:.8rem;padding-right:.8rem;text-decoration:none}.footer-link--item:last-of-type a{border:none}.footer-icons{color:#ebe6f0;display:flex;font-size:2.5rem}.mobile-icons{margin-right:1.4rem}.mobile-icons svg,.social-icons svg{cursor:pointer}@media (max-width:600px){.footer--container{flex-direction:column}.footer-link--item a{font-size:1.1rem}.footer-icons{margin-top:2rem}}
/*# sourceMappingURL=main.2a2d9458.css.map*/