@font-face{font-family:DMSans-Bold;src:url(./../font/DMSans/DMSans-Bold.ttf) format("truetype")}@font-face{font-family:DMSans-Medium;src:url(./../font/DMSans/DMSans-Medium.ttf) format("truetype")}@font-face{font-family:Lato-Bold;src:url(./../font/Lato/Lato-Bold.ttf) format("truetype")}@font-face{font-family:Lato-Reg;src:url(./../font/Lato/Lato-Regular.ttf) format("truetype")}header{padding:35px}header .linkHome{display:flex;justify-content:center;flex-direction:column;text-align:center}header img{width:50px;margin:auto}header h1{font-family:DMSans-Bold,"sans-serif";font-size:36px;color:#d04f4f}main{width:90%;margin:auto}.registre{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:60px}.registre .card{max-width:470px;min-width:200px;height:400px;margin:35px 0;cursor:pointer}.registre .card .image{width:100%;height:50%;border-radius:5px 5px 0 0;background-color:#c7bebe}.registre .card .descript{display:grid;grid-template-columns:225px 1fr;grid-template-rows:75px 1fr;width:100%;height:50%;border-radius:0 0 5px 5px;background-color:#e7e7e7;overflow:hidden}.registre .card .descript .title{margin:25px;font-family:Lato-Reg,"sans-serif";font-size:18px}.registre .card .descript .time{margin:25px;display:flex;justify-content:right;font-family:Lato-Bold,"sans-serif";font-size:18px;width:75%;height:20px;margin:25px}.registre .card .descript .time .clock-img{width:20px;margin-right:5px}.registre .card .descript .ingredientsList,.registre .card .descript .para{font-family:Lato-Reg,"sans-serif";font-size:12px;margin-left:25px}.registre .card .descript .para{margin-right:25px;max-height:16ch;padding-bottom:16px;margin-bottom:16px;overflow:hidden;display:-webkit-box;overflow:hidden;-webkit-line-clamp:9;-webkit-box-orient:vertical}@media(max-width: 570px){.registre{margin-top:150px}.registre .card .descript{grid-template-columns:165px 1fr}}@media(max-width: 570px){.registre{margin-top:250px}}.divSearch{display:flex;position:relative}.divSearch #searchBy{width:100%;height:50px;border:none;border-radius:5px;background-color:#e7e7e7;margin-bottom:15px;text-indent:20px;font-size:1em;text-decoration:none;text-overflow:ellipsis;padding-right:100px}.divSearch #searchBy:focus{outline:none}.divSearch .searchBtn{position:absolute;top:45%;right:-3%;transform:translate(-103%, -55%);width:50px;height:50px;background-color:transparent;border:none;cursor:pointer}.divSearch .searchBtn img{width:25px}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.contains-inp{position:absolute;display:flex;flex-wrap:wrap;justify-content:flex-start;color:#fff}.contains-inp .target-ing,.contains-inp .target-ust,.contains-inp .target-app{position:relative;display:block;font-family:DMSans-Medium,"sans-serif";background:url(./../images/arrowDown.png) no-repeat;background-position:right 15% bottom 50%;width:100px;height:50px;line-height:50px;border:none;border-radius:5px;padding-right:40px;padding-left:15px;color:#fff;cursor:text;z-index:2}.contains-inp .target-ing::placeholder,.contains-inp .target-ust::placeholder,.contains-inp .target-app::placeholder{color:#fff}.contains-inp .target-ing:focus,.contains-inp .target-ust:focus,.contains-inp .target-app:focus{outline:none}.contains-inp .target-ing,.contains-inp .target-app,.contains-inp .target-ust{background-color:#3282f7}.contains-inp .target-app{background-color:#68d9a4}.contains-inp .target-ust{background-color:#ed6454}.arrowDown img{position:absolute;top:50%;left:50%;width:500px;border:solid 5px}@media(max-width: 605px){.contains-inp{justify-content:center}}@media(max-width: 490px){.contains-inp{margin:auto}.contains-inp .target-ing,.contains-inp .target-app,.contains-inp .target-ust{width:95%;margin:auto}}.inp-container-ing,.inp-container-app,.inp-container-ust{margin:15px 15px 15px 0}.all-ing,.all-ust,.all-app{display:grid;box-sizing:content-box;width:100%;box-sizing:border-box;max-height:300px;padding-left:5px;font-family:Lato-Reg,"sans-serif";line-height:25px;overflow-y:auto;grid-template-columns:repeat(3, 1fr);background-color:#3282f7}.inp-ing,.inp-ust,.inp-app{display:none;box-sizing:content-box;background:url(./../images/arrowUp.png) no-repeat;background-position:right 3% bottom 50%;box-sizing:border-box;width:100%;height:50px;border:none;border-top-left-radius:5px;border-top-right-radius:5px;padding-left:10px;padding-right:10px;color:#fff;background-color:#3282f7;font-size:.9em}.all-app{grid-template-columns:repeat(2, 1fr);background-color:#68d9a4}.inp-app{background-color:#68d9a4}.all-ust{grid-template-columns:repeat(3, 1fr);background-color:#ed6454}.inp-ust{background-color:#ed6454}.inp-ing::placeholder,.inp-ust::placeholder,.inp-app::placeholder{color:#fff}.inp-ing:focus,.inp-app:focus,.inp-ust:focus{outline:none}.ing-li,.app-li,.ust-li{padding:2px 25px 2px 2px;cursor:pointer}.ing-li:hover,.app-li:hover,.ust-li:hover{font-weight:bold}@media(max-width: 570px){.inp-container-ing,.inp-container-app,.inp-container-ust{margin:20px 15px}.all-ing,.all-app,.all-ust{grid-template-columns:repeat(2, 1fr)}}.infoError{width:50%;margin:100px auto;border:solid #c7bebe;border-radius:5px;text-align:center;font-family:Lato-Reg,"sans-serif";color:#c7bebe;padding:25px}.infoError img{width:35px}.contains-tags{display:flex}.contains-tags .tag-ing,.contains-tags .tag-ust .tag,.contains-tags .tag-ust,.contains-tags .tag-app .tag,.contains-tags .tag-app{display:flex}.contains-tags .tag-ing .tag,.contains-tags .tag-ust .tag,.contains-tags .tag-app .tag{position:relative;max-width:250px;height:30px;line-height:25px;background-color:#3282f7;border-radius:5px;background-image:url(./../images/cross-round.svg);background-repeat:no-repeat;background-size:17px 17px;background-position:5%;margin:10px 10px 10px 0;padding:0 20px 0 35px;color:#fff;font-family:Lato-Reg,"sans-serif";cursor:pointer}.contains-tags .tag-ing .tag span,.contains-tags .tag-ust .tag span,.contains-tags .tag-app .tag span{text-align:center;padding-top:5px}.contains-tags .tag-app .tag{background-color:#68d9a4}.contains-tags .tag-ust .tag{background-color:#ed6454}.spanIngError,.spanAppError,.spanUstError{font-style:italic;font-family:Lato-Reg,"sans-serif";padding:0 10px 5px 10px}.spanIngError{background-color:#3282f7}.spanAppError{background-color:#68d9a4}.spanUstError{background-color:#ed6454}/*# sourceMappingURL=style.css.map */