.card{padding:24px;max-width:31%;border:1px solid #2b2223;color:#2b2223;margin:0 10px 20px}.card a{text-decoration:none;color:#2b2223}.card img{width:352px;height:186px;-o-object-fit:cover;object-fit:cover;margin:auto;display:block}.card img,.card img:hover{transition:all 1s cubic-bezier(.65,-.25,.25,1.95)}.card img:hover{overflow:hidden;filter:none;filter:brightness(.4);-webkit-transform:scale(1.05)}.card h3{font-weight:800;font-size:25px;line-height:30px;margin:24px 0 12px;display:-webkit-box;-webkit-line-clamp:2;height:60px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-complexity{display:flex;align-items:center}.card-complexity p{font-weight:400;font-size:20px;line-height:25px;margin-right:8px}.card-complexity ul{display:flex;margin-top:3px}.card-complexity ul li{display:block;width:8px;height:19px;background-color:#2b2223}.card-complexity ul .activeTab{background-color:#d7d2ce}.card-complexity ul li+li{margin-left:2px}.card h4{margin:4px 0}.card h4,.card h4 span{font-weight:400;font-size:20px;line-height:25px}.card h4 span{margin-left:9px}@media screen and (max-width:1100px){.card h3{font-size:20px;line-height:20px}.card-complexity p,.card h4,.card h4 span{font-size:18px;line-height:32px}}@media screen and (max-width:900px){.card{padding:15px;margin:0 5px 10px}.recipe__wrapper{width:calc(100% + 20px);margin-bottom:60px;padding-top:30px}.recipe h2{font-size:50px;line-height:90px;margin-top:25px;margin-bottom:0}}@media screen and (max-width:830px){.card{max-width:48%}}@media screen and (max-width:580px){.card{max-width:47%}}@media screen and (max-width:500px){.card{max-width:100%}.card h3{height:40px}}.recipe__nav{display:flex;justify-content:space-between;align-items:center;margin:10px 0}.recipe__nav p{position:relative;font-weight:500;font-size:20px;line-height:30px;color:#000;transition:.3s ease-in-out}.recipe__nav p:hover{letter-spacing:.1rem;transition:.3s ease-in-out}.recipe h2{color:#2b2223;font-weight:800;font-size:50px;line-height:90px;margin-top:64px;margin-bottom:40px}.recipe__wrapper{width:calc(100% + 60px);display:flex;justify-content:flex-start;flex-wrap:wrap;margin-bottom:150px;margin-left:-10px;margin-right:-10px}@media screen and (max-width:900px){.recipe__wrapper{width:calc(100% + 20px);margin-bottom:60px;padding-top:30px}.recipe__nav p:before{right:-85px}}@media screen and (max-width:600px){.recipe__nav svg{height:100px}}