body{margin:0;padding:0}::-webkit-scrollbar{height:4px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.banner{width:100%}.banner .banner__title{align-items:center;display:flex;height:416px;margin-left:20%;position:absolute}@media(max-width:900px){.banner .banner__title{height:249px}}@media(max-width:428px){.banner .banner__title{height:234px;margin-left:10%}}.banner .banner__title h1{color:#fff;display:flex;flex-direction:column;font-family:Poppins-regular;font-size:74px;font-weight:100;line-height:50px;margin:0;padding:0}@media(max-width:900px){.banner .banner__title h1{font-size:74px}}@media(max-width:428px){.banner .banner__title h1{font-size:51px}}.banner .banner__title h1 span{font-family:Monster;font-size:67px;font-weight:100}@media(max-width:900px){.banner .banner__title h1 span{font-size:67px}}@media(max-width:428px){.banner .banner__title h1 span{font-size:51px}}.banner .banner__img{height:416px;object-fit:cover;width:100%}@media(max-width:900px){.banner .banner__img{height:249px}}@media(max-width:428px){.banner .banner__img{height:234px}}.navbar{align-items:center;display:flex;flex-direction:row;height:69px;justify-content:space-between;padding:0 60px}@media(max-width:900px){.navbar{padding:0 30px}}.navbar .navbar__hamburger{background:transparent;border:transparent;border-radius:10px;cursor:pointer;display:none;padding:10px}.navbar .navbar__hamburger .navbar__img-hambuger{height:25px;width:25px}.navbar .navbar__hamburger:hover{background:#fcf2f2}@media(max-width:900px){.navbar .navbar__hamburger{display:block}}.navbar .navbar__logo{color:#425966;font-family:Monster;font-size:40px;font-weight:100;margin:0 50px 0 0;padding:0}.navbar .navbar__logo span{color:#d84a4a;font-family:Poppins-regular}.navbar .navbar__list-menu{display:flex;flex:1 1;flex-direction:row;justify-content:flex-end;list-style:none}.navbar .navbar__list-menu li{font-family:Poppins-medium;font-size:13px;font-weight:100;margin-right:3%}.navbar .navbar__list-menu .navbar__item{color:#425966;text-decoration:none}.navbar .navbar__list-menu .navbar__item-active{color:#d84a4a;font-weight:600;text-decoration:none}@media(max-width:900px){.navbar .navbar__list-menu{display:none}}.category{align-items:center;position:relative;top:-30px}.category,.category .category__list{display:flex;justify-content:space-evenly;width:100%}.category .category__list{display:none}@media(max-width:900px){.category .category__list{display:flex;width:100%}}@media(max-width:428px){.category .category__list{grid-gap:15px 0;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;width:90%}}.category__card{align-items:center;background:transparent linear-gradient(180deg,#e9f1fa,#fff) 0 0 no-repeat padding-box;border-radius:10px;box-shadow:0 5px 9px rgba(131,149,167,.4);color:#425966;display:flex;flex-direction:column;font-family:Poppins-medium;font-size:13px;height:85px;justify-content:end;width:106px}.category__card p{margin:0;padding:10px}@media(max-width:428px){.category__card{height:91px;width:100px}}.recipe{height:auto;min-height:550px;padding:20px 70px}@media(max-width:900px){.recipe{padding:10px 30px}}.recipe .recipe__title{color:#d84a4a;font-family:Monster;font-size:67px;font-weight:300;margin:0 0 50px;padding:0}@media(max-width:900px){.recipe .recipe__title{font-size:54px;margin-bottom:10px}}@media(max-width:428px){.recipe .recipe__title{font-size:44px;text-align:center}}.recipe .recipe__list{display:flex;justify-content:space-between;margin:0 auto;width:100%}@media(max-width:900px){.recipe .recipe__list{-webkit-overflow-scrolling:touch;overflow-x:scroll;overflow-y:hidden;padding-bottom:10px;padding-top:70px;white-space:nowrap}}.card{align-items:center;background:transparent linear-gradient(180deg,#e9f1fa,#fff) 0 0 no-repeat padding-box;border-radius:10px;box-shadow:0 5px 9px rgba(131,149,167,.4);display:flex;flex-direction:column;height:250px;justify-content:space-evenly;width:266px}@media(max-width:900px){.card{margin-right:30px;min-width:180px}}@media(max-width:428px){.card{min-width:180px}}.card .card__img__content{align-items:center;display:flex;flex-direction:column;margin-bottom:40px}.card .card__card--img{height:160px;margin-top:-50px;object-fit:none;width:100%}.card .card__header--title,.card p{color:#d84a4a;font-family:Poppins-regular;font-size:30px;margin:0;padding:0}@media(max-width:428px){.card .card__header--title{font-size:20px}}.card .card__header--title span{font-family:Monster}.card .card__footer__content{align-items:center;display:flex;justify-content:space-between;padding-bottom:10px;visibility:visible;width:90%}.card .card__footer__content .recipe-card-footer-img{height:23px;width:23px}.card .card__footer__content .recipe-card-start{align-items:center;display:flex;justify-content:center}.card .card__footer__content .recipe-card-start .recipe-score{color:#425966;font-size:26px;margin-left:12px;padding:0}.card .card__detail{display:none}.card:hover{height:auto;max-height:auto;min-height:auto}.card:hover .card__header--title{display:none}.card:hover .card__footer__content{height:0;visibility:hidden}.card:hover .card__detail{align-items:center;display:flex;flex-direction:column;justify-content:center}.card:hover .card__img__content{margin-bottom:10px}.card:hover .card__detail--item{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.card:hover .card__detail--item img{width:17px}.card:hover .card__detail--item .card__detail{font-family:Monster;font-size:20px;font-weight:100}.card:hover .card__detail--item .card__detail--normal{color:#425966;font-family:Poppins-regular;font-size:18px;margin:0;padding:0}footer{align-items:center;background:transparent linear-gradient(180deg,#c2e3f3,#6aa3c1) 0 0 no-repeat padding-box;color:#425966;display:flex;font-family:Monster;font-size:50px;height:167px;justify-content:space-around;margin-bottom:20px}footer img{margin-top:-30px;object-fit:cover;width:530px}@media(max-width:428px){footer img{width:228px}footer{font-size:23px;height:70px}}@font-face{font-family:Monster;font-style:normal;font-weight:400;src:url(/static/media/Monster-Clubhouse.526c6ff9781ae1c36baf.ttf)}@font-face{font-family:Poppins-medium;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}@font-face{font-family:Poppins-regular;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}
/*# sourceMappingURL=main.cfb3cbf8.css.map*/