@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);*,:after,:before{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}html{font-size:62.5%}body{background:#e0e0e0;font-family:"Roboto",sans-serif}form{width:32rem;position:relative;margin-top:3.6rem}form input{width:100%;padding:1.5rem 1.3rem 1.5rem 4.5rem;border:none;border-radius:1.8rem;background-color:#fff;font-size:1.8rem}form input:focus{outline:none}form button{cursor:pointer;border:none;background:none;left:.8rem;top:.95rem;position:absolute}.search-btn{font-size:3rem}.header{position:relative}.header .header-title_form h1{font-size:4.5rem}.header-title_form{padding:1rem 0 0 7rem}.header__logo img{height:3.5rem}.header .image{background:#ffa801;height:27rem;width:24rem;padding:3rem 2rem;top:0;right:21rem;position:absolute}.header .image img{height:20rem;color:#ffaa0d}.recipes{padding-top:9rem;padding-bottom:5rem;display:grid;max-width:100rem;margin:0 auto;grid-template-columns:30rem 30rem 30rem;grid-gap:7rem;grid-column-gap:5rem;-webkit-column-gap:5rem;column-gap:5rem}.recipes .recipe{width:29rem;height:34.5rem;border-radius:2rem;background:#fff;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.recipes .recipe a,.recipes .recipe a:link,.recipes .recipe a:visited{text-decoration:none;color:#fff}.recipes .recipe img{border-radius:2rem 2rem 0 0;height:20rem;width:29rem}.recipes .recipe .recipe-info{padding:2rem;display:grid;grid-template-columns:13rem 9rem;grid-column-gap:3rem;-webkit-column-gap:3rem;column-gap:3rem;-webkit-align-items:center;align-items:center}.recipes .recipe h2{color:#ffa801}.recipes .recipe .recipe-info a,.recipes .recipe .recipe-info a:link,.recipes .recipe .recipe-info a:visited{padding-left:1rem;text-decoration:none;color:#fff}.recipes .recipe .recipe-info button,.recipes .recipe .recipe-info button:link,.recipes .recipe .recipe-info button:visited{padding:1.3rem;border:none;border-radius:1.5rem;background:#ffa801;font-size:1.6rem;font-weight:700;cursor:pointer;transition:all .4s;color:#fff}.recipes .recipe .recipe-info button:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,.15)}.recipes .recipe .recipe-info button:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.no--recipe__msg,.recipes h1{text-align:center}.no--recipe__msg{margin:15rem auto 0;background:#ffa801;width:65rem;padding:10rem;color:#fff;font-size:1.5rem;border-radius:2.5rem}.leftbar--recipe_info{width:40rem;position:fixed;background:#ffa801;height:100vh;padding:2rem}.resipi .leftbar--recipe_info .back--btn{width:9.6rem;border-radius:1.3rem;padding:.8rem 1.5rem .8rem 1rem;margin-left:2rem;background:#fff;font-size:1.5rem;font-weight:700}.resipi .leftbar--recipe_info .back--btn img{height:2.5rem}.resipi .leftbar--recipe_info .back--btn span{padding-left:1.5rem}.resipi .leftbar--recipe_info .back--btn a,.resipi .leftbar--recipe_info .back--btn a:link,.resipi .leftbar--recipe_info .back--btn a:visited{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;text-decoration:none;color:#000}.resipi .leftbar--recipe_info .recipe--title{margin-top:3rem;width:20rem;margin-left:2rem;color:#fff;font-weight:600;font-size:1.3rem;text-align:left}.resipi .leftbar--recipe_info .recipe--image{margin-top:7rem;margin-left:5rem;width:27.5rem;height:27rem;border-radius:50%;overflow:hidden;border:.9rem solid #fff}.resipi .leftbar--recipe_info .recipe--image img{border-radius:50%;height:100%;width:100%}.rightbar--recipe_info{padding-left:52rem;padding-top:7rem}.rightbar--recipe_info .recipe--ingredient__title{background:coral;width:18rem;padding:1.7rem;-webkit-transform:skewX(-20deg);transform:skewX(-20deg)}.rightbar--recipe_info .recipe--ingredient__title h1{color:#fff;font-size:2.8rem;font-weight:600;-webkit-transform:skewX(20deg);transform:skewX(20deg)}.rightbar--recipe_info .recipe--ingredients{width:85rem;margin-top:12rem}.rightbar--recipe_info .recipe--ingredients .recipe--ingredient__list{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem 3.5rem;gap:4rem 3.5rem;list-style:none}.rightbar--recipe_info .recipe--ingredients .recipe--ingredient__list .recipe--ingredient{display:-webkit-flex;display:flex;padding:2rem;background:#fff;border-radius:1rem}.rightbar--recipe_info .recipe--ingredients .recipe--ingredient__list .recipe--ingredient .menu-icon{height:2.5rem;width:2.5rem;margin-right:1.2rem;color:#ffa502;-webkit-flex:0 0 auto;flex:0 0 auto}.rightbar--recipe_info .recipe--ingredients .recipe--ingredient__list .recipe--ingredient span{font-size:1.3rem;text-transform:capitalize;font-weight:500;color:#000}.rightbar--recipe_info .recipe--source{margin-top:8rem;margin-left:2rem;width:7.9rem}.rightbar--recipe_info .recipe--source a,.rightbar--recipe_info .recipe--source a:link,.rightbar--recipe_info .recipe--source a:visited{text-decoration:none;font-size:2.3rem;font-weight:700;background:coral;padding:1.2rem;color:#fff;border-radius:1.3rem;cursor:pointer;transition:all .4s}.rightbar--recipe_info .recipe--source a:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 1rem 2rem rgba(0,0,0,.15)}.rightbar--recipe_info .recipe--source a:active{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
/*# sourceMappingURL=main.a7ef9185.chunk.css.map */