@import"https://fonts.googleapis.com/css2?family=Lilita+One&family=Poppins:ital,wght@0,400;0,500;0,600;1,200&display=swap";header{width:100%;position:relative;top:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}@media screen and (max-width: 768px){header{display:flex;justify-content:center;position:relative}}header nav{height:4.5rem;display:flex;justify-content:space-between;align-items:center;column-gap:1rem}header nav .nav__logo{font-family:var(--logo-font);color:var(--orange);font-size:var(--h3-font-size)}@media screen and (max-width: 768px){header nav .nav__logo{font-size:var(--h1-font-size)}}header nav .nav__logo,header nav .nav__link{padding:.25rem .75rem;border-radius:.5rem}header nav .nav__list{display:flex;column-gap:2rem}header nav .nav__link{display:flex;flex-direction:column;align-items:center;font-size:var(--normal-font-size);color:var(--charcoal);font-weight:var(--font-bold);transition:.3s}header nav .nav__link:hover{background-color:var(--orange);color:var(--white)}header nav .nav__close,header nav .nav__toggle{display:none}@media screen and (max-width: 768px){header nav{height:4rem}header nav ul li{display:none}}footer{background-color:var(--charcoal);border-top:1px solid rgba(0,0,0,.1);height:142px;color:var(--white);width:100%;display:grid;place-items:center;position:absolute;bottom:0}footer nav{display:none}footer .footer__copy{text-align:center}@media screen and (max-width: 768px){footer .footer__copy{margin-top:0}}@media screen and (max-width: 768px){footer{display:flex;background-color:var(--white);border-top:none;position:sticky;height:6rem}footer .desktop{display:none}footer nav{background-color:var(--orange);display:flex;justify-content:center;align-self:flex-start;height:auto;width:100%;position:relative;top:0;border-radius:1rem;font-size:1rem;box-shadow:0 1rem 2rem #00000040}footer nav ul{display:flex;padding:0;margin:0}footer nav li{flex:1}footer nav a{display:block;text-align:center;padding:1rem}footer nav .visually-hidden{display:none}}.home__content{height:100%;grid-template-columns:50% repeat(1,1fr);column-gap:1.25rem;align-items:center}@media screen and (min-width: 1800px){.home__content{margin-top:6rem}}@media screen and (max-width: 768px){.home__content{grid-template-columns:100%}}.home__content .home__intro{font-size:var(--h1-font-size)}@media screen and (max-width: 768px){.home__content .home__intro{font-size:var(--big-font-size)}}.home__content span{color:var(--orange)}.home__content .home__description{margin:3rem 0}.home__content img{filter:drop-shadow(5px 5px 5px #222);width:100%}@media screen and (max-width: 768px){.home__content a{display:flex;justify-content:center;margin-bottom:var(--mb-2)}}.home__image{padding-top:5rem;width:220px;height:220px}.home__logo{font-size:var(--big-font-size)}.home__button{bottom:0}.about__content{height:100%;grid-template-columns:50% repeat(1,1fr);column-gap:1.25rem;align-items:center}@media screen and (min-width: 1800px){.about__content{margin-top:6rem}}@media screen and (max-width: 768px){.about__content{grid-template-columns:100%}}.about__content .about__title{font-size:var(--h1-font-size)}@media screen and (max-width: 768px){.about__content .about__title{font-size:var(--big-font-size)}}.about__content .about__subtitle{font-size:var(--h2-font-size);margin-bottom:var(--mb-1)}.about__content .about__text{margin:3rem 0}.about__content .about__list{list-style:none;margin:0;padding:0;font-size:var(--big-font-size)}.about__content .about__list li{margin-bottom:var(--mb-1)}@media screen and (max-width: 768px){.about__content .about__list{font-size:var(--normal-font-size)}}.create__buttons-wrapper{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1rem;margin-bottom:20px}.create__buttons-wrapper .create__button{font-size:1.25rem;background:transparent;color:var(--orange)}.recipes__filters{display:flex;justify-content:center;align-items:center;column-gap:.75rem;margin-bottom:var(--mb-2)}.recipes__container{grid-template-columns:repeat(3,max-content);gap:3rem;justify-content:center}.recipes__card{background-color:var(--container-color);border:1px solid rgba(0,0,0,.1);padding:1.25rem;border-radius:1rem;margin-bottom:20px}.recipes__img{width:295px;height:295px;border-radius:1rem;margin-bottom:var(--mb-1)}.recipes__title{font-size:var(--normal-font-size);font-weight:var(--font-medium);margin-top:0;margin-bottom:var(--mb-0-5)}.recipes__button{color:var(--text-color);font-size:var(--small-font-size);display:flex;align-items:center;column-gap:.25rem}.recipes__button-icon{font-size:1rem;transition:.4s}.recipes__button:hover .recipes__button-icon{transform:translate(.25rem)}.recipes__links{display:flex;justify-content:space-between}@media screen and (max-width: 992px){.recipes__container{gap:1.25rem}.recipes__card{padding:1rem}.recipes__img{margin-bottom:.75rem}.recipes__title{margin-bottom:.25rem}.recipes__button{bottom:0;margin-left:135px;margin-bottom:20px}}@media screen and (max-width: 768px){.recipes__container{grid-template-columns:max-content}}@media screen and (max-width: 576px){.recipes__container{grid-template-columns:1fr}.recipes__img{width:100%}.recipes__button{bottom:0;margin-left:135px;margin-bottom:20px}}@media screen and (max-width: 350px){.recipes__filters{column-gap:.25rem}.recipes__button{bottom:0;margin-left:135px;margin-bottom:20px}}.primary{cursor:pointer}.create__wrapper{display:flex;flex-direction:row;margin:2rem 0}.create__wrapper .create__details{width:60%;max-width:80%;display:flex;flex-direction:row}.create__wrapper .create__details .create__subtitle{font-size:var(--h3-font-size);font-weight:var(--font-bold);margin-bottom:1rem;color:var(--charcoal-light)}.create__wrapper .create__details .create__info{width:40%;margin:0 1rem}.create__wrapper .create__details .create__info i{color:var(--orange)}.create__wrapper .create__details .create__info ul{margin:1rem 0}.create__wrapper .create__details .create__info .create__label{font-weight:var(--font-bold)}.create__wrapper .create__details .create__instructions{width:60%}.create__wrapper .create__details .create__instructions ol{margin:1rem 0;padding-left:1rem}.create__wrapper .create__details .create__instructions ol li{padding-bottom:.5rem}.create__wrapper .create__image{width:40%;padding-right:1rem}.create__wrapper .create__image img{border-radius:2rem}@media screen and (max-width: 768px){.create__wrapper{flex-direction:column;align-items:center}.create__wrapper .create__image{padding-right:0;margin-bottom:2rem;width:80%}.create__wrapper .create__details{max-width:100%;width:70%}.create__wrapper .create__details .create__info{margin:0;width:50%}.create__wrapper .create__details .create__instructions{width:70%}}@media screen and (max-width: 450px){.create__wrapper{flex-direction:column;align-items:center}.create__wrapper .create__image{padding-right:0;margin-bottom:1rem;width:100%}.create__wrapper .create__details{max-width:100%;flex-direction:column;align-items:center}.create__wrapper .create__details .create__info{margin:0;width:100%}.create__wrapper .create__details .create__info ul{margin:0}.create__wrapper .create__details .create__info ul li{padding-bottom:.5rem}.create__wrapper .create__details .create__instructions{width:100%;padding-left:1rem}}.recipe__buttons-wrapper{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1rem}.recipe__buttons-wrapper .recipe__button{font-size:1.25rem;background:transparent;color:var(--orange)}.recipe__wrapper{display:flex;flex-direction:row;margin:2rem 0}.recipe__wrapper .recipe__details{width:60%;max-width:80%;display:flex;flex-direction:row}.recipe__wrapper .recipe__details .recipe__subtitle{font-size:var(--h3-font-size);font-weight:var(--font-bold);margin-bottom:1rem;color:var(--charcoal-light)}.recipe__wrapper .recipe__details .recipe__info{width:40%;margin:0 1rem}.recipe__wrapper .recipe__details .recipe__info i{color:var(--orange)}.recipe__wrapper .recipe__details .recipe__info ul{margin:1rem 0}.recipe__wrapper .recipe__details .recipe__info .recipe__label{font-weight:var(--font-bold)}.recipe__wrapper .recipe__details .recipe__instructions{width:60%}.recipe__wrapper .recipe__details .recipe__instructions ol{margin:1rem 0;padding-left:1rem}.recipe__wrapper .recipe__details .recipe__instructions ol li{padding-bottom:.5rem}.recipe__wrapper .recipe__image{width:40%;padding-right:1rem}.recipe__wrapper .recipe__image img{border-radius:2rem}@media screen and (max-width: 768px){.recipe__wrapper{flex-direction:column;align-items:center}.recipe__wrapper .recipe__image{padding-right:0;margin-bottom:2rem;width:80%}.recipe__wrapper .recipe__details{max-width:100%;width:100%}.recipe__wrapper .recipe__details .recipe__info{margin:0;width:50%}.recipe__wrapper .recipe__details .recipe__instructions{width:50%}}@media screen and (max-width: 450px){.recipe__wrapper{flex-direction:column;align-items:center}.recipe__wrapper .recipe__image{padding-right:0;margin-bottom:1rem;width:100%}.recipe__wrapper .recipe__details{max-width:100%;width:100%;flex-direction:column;align-items:center}.recipe__wrapper .recipe__details .recipe__info{margin:0;width:100%}.recipe__wrapper .recipe__details .recipe__info ul{margin:0}.recipe__wrapper .recipe__details .recipe__info ul li{padding-bottom:.5rem}.recipe__wrapper .recipe__details .recipe__instructions{width:100%;padding-left:1rem}}:root{--orange: #FF8E56;--orange-light: #FFB48F;--white: #FFFFFF;--teal: #7DBEC6;--gray-light: #A4B7C3;--charcoal: #242424;--charcoal-light: #323232;--logo-font: "barricada-pro", serif;--body-font: "proxima-nova", sans-serif;--big-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem;--tiny-font-size: .625rem;--font-light: 200;--font-normal: 400;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem}@media screen and (max-width: 992px){:root{--big-font-size: 2.75rem;--h1-font-size: 2rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--white);color:var(--charcoal-light)}body #root{position:relative;min-height:100vh}body main{padding-bottom:142px}h1,h2,h3{color:var(--charcoal);font-weight:var(--font-semi-bold)}ul{list-style-type:none;padding:0}a{text-decoration:none;color:var(--title-color)}button{cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto}.logo{font-family:var(--logo-font)}.section{padding:0rem 0 2rem}.section__title{font-size:var(--h1-font-size);margin:0}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:4rem}.section__title,.section__subtitle{text-align:center}.container{max-width:968px;margin-left:auto;margin-right:auto}.grid{display:grid;gap:1.5rem}.primary{display:inline-block;background-color:var(--orange);color:var(--white);padding:1rem 2rem;border:2px solid var(--gray-light);border-radius:1rem;font-weight:var(--font-medium);transition:color .4s linear;position:relative}.secondary{display:inline-block;background-color:var(--teal);color:var(--white);padding:1rem 2rem;border:2px solid var(--gray-light);border-radius:1rem;font-weight:var(--font-medium);transition:color .4s linear;position:relative}@media screen and (max-width: 992px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width: 768px){body main{padding-bottom:0}.section{padding:2rem 0 4rem}.section__subtitle{margin-bottom:var(--mb-3)}}@media screen and (min-width: 992px){main{margin-top:4rem}}@media screen and (max-width: 450px){:root{--big-font-size: 2.25rem}.container{margin:0 2rem}}