.nav-menu{background-color:#aa5656;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 10px #000;width:100%;height:80px;min-height:80px;max-height:80px}.active{background-color:#f1dbbf80;padding:2px 10px;border-radius:20px;color:#fff}.nav-menu .logo{padding:1rem;font-size:2rem}.nav-menu .links-menu{padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-menu .links-menu>*{margin:1rem}.btn-menu{cursor:pointer;background-color:#0006;color:#fffc;border-radius:50%;padding:6px;margin-right:20px;transition:all .5 ease;display:none}.btn-menu:hover{background-color:#000}.nav-menu .links-menu.responsive-menu{display:flex;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100vh;padding:0;background-color:#000c;justify-content:center;align-items:center;z-index:2;transition:all 1s ease;color:#fff}.close-menu{position:absolute;top:0;right:0;padding:6px;font-size:2rem;cursor:pointer;color:#fffc;background-color:#000;border-radius:50%;transition:all .5s ease;display:none}.links-menu i{color:#fff}.btn-logout{cursor:pointer;padding:5px;transition:all .5s ease}.btn-logout:hover{color:red;background-color:#fffc;border-radius:50%}.language-flag{width:25px;height:25px;cursor:pointer}.theme-btns{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.btn-theme{cursor:pointer;background-color:transparent!important}#range-theme{width:40px;height:5px;appearance:none;cursor:pointer;background-color:transparent}#range-theme::-webkit-slider-runnable-track{background:linear-gradient(90deg,black,black,white,white);height:5px;border-radius:5px}#range-theme::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background-color:#fff;border-radius:50%;margin:-3.5px 0;border:1px solid black}@media screen and (max-width: 450px){.nav-menu .links-menu{display:none}.btn-menu,.close-menu{display:block}.btn-theme{font-size:2rem}}.recipe-form{background-color:#b99b6b;width:500px;margin:50px auto;padding:50px;display:flex;flex-direction:column;align-items:start;border-radius:10px;box-shadow:0 0 15px #00000080}.recipe-form hr{width:90%;margin:10px auto;border:1px solid rgba(0,0,0,.2)}.recipe-form label{margin:20px;color:#fff}.recipe-form div{width:100%;display:flex;flex-direction:row;align-items:center;text-align:start}.recipe-form input{width:100%;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:5px}.recipe-form input[type=number]{width:50px}.recipe-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.recipe-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.recipe-form textarea{width:100%;height:100px;padding:10px;border:1px solid rgba(0,0,0,.2);border-radius:5px;resize:none}.recipe-form .add-ingredient{margin-left:-10px}.recipe-form .add-ingredient input{width:70%}.recipe-form .add-ingredient .add{color:#f1dbbf;background-color:#aa5656;border-radius:10px;padding:3px;cursor:pointer}.recipe-form .add-ingredient .add:hover{background-color:#f1dbbf;color:#aa5656}.recipe-form .add-ingredient button{width:30px;padding:10px;margin:5px;border:none;border-radius:5px;background-color:#aa5656;color:#fff;font-weight:700;cursor:pointer}.recipe-form .add-ingredient button:hover{background-color:#f1dbbf;color:#aa5656}.recipe-form .btn-submit{width:150px;height:50px;border-radius:10px;border:none;background-color:#f1dbbf;color:#a58450;font-size:1rem;cursor:pointer;margin:10px auto 0;transition:all .3s linear}.recipe-form .btn-submit:hover{background-color:#aa5656;color:#fff}.sended{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;font-size:1.5rem;color:#f1dbbf;justify-content:center;align-items:center;z-index:1000}.sended h3{background-color:#aa5656;padding:10px 20px;border-radius:15px}@media screen and (max-width: 680px){.recipe-form{width:auto;padding:50px 10px;margin-left:0;margin-right:0}.recipe-form .add-ingredient input{width:50%}.recipe-form .add-ingredient ul{margin-left:-35px}}footer{background-color:#5e7a5e;color:#ffffffe6;height:300px;margin-top:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}footer hr{width:80%;margin:30px 0}footer a{color:#fff}.redes{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center;gap:50px;font-size:30px}.redes p{font-size:1rem}header{display:grid;grid-template-columns:1fr 1fr;margin:100px;gap:50px}header h1{font-size:4rem}header p{font-size:1.5rem}header img{width:100%;height:100%;object-fit:cover}.key-words-container{display:inline-flex;flex-direction:column;max-height:30px;margin-top:10px;margin-left:10px;overflow:hidden}.key-words{display:flex;flex-direction:column;color:#566e56;animation:keyWords 5s infinite linear}.gallery{display:flex;flex-direction:row;justify-content:center;align-items:center}@keyframes keyWords{0%{transform:translateY(0)}10%{transform:translateY(0)}20%{transform:translateY(0)}30%{transform:translateY(-33px)}40%{transform:translateY(-33px)}50%{transform:translateY(-33px)}60%{transform:translateY(-33px)}70%{transform:translateY(-65px)}80%{transform:translateY(-65px)}90%{transform:translateY(-65px)}to{transform:translateY(-95px)}}@media screen and (max-width: 840px){header{grid-template-columns:1fr;margin:50px auto;text-align:center}}.wave-deco{width:100%;height:200px}.wave-deco.bottom{transform:rotate(180deg)}.wave-deco img{width:100%;height:100%}.main-container{padding:80px 20px;background-color:#aa5656;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;gap:40px;flex-wrap:wrap}.famous-recipes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-top:50px}.famous-recipes hr{border:1px solid rgb(105,130,105);width:90%}.option-to-do{height:350px;max-width:300px;background-color:#698269;text-align:center;padding:40px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-sizing:border-box;color:#ffffffb3;box-shadow:0 0 20px #f1dbbf80;border-radius:15px}.option-to-do h3{text-shadow:3px 2px 5px rgba(241,219,191,.5);padding:5px 10px;border-radius:30px}.link-to{background-color:#f1dbbfcc;color:#aa5656;padding:5px 20px;border-radius:10px;transition:1s ease;width:25px}.link-to:hover{transition:1s ease;background-color:#f1dbbf;color:#aa5656;padding:5px 20px;border-radius:10px;width:80%}.link-to span{font-size:1.5rem}.recipe{display:grid;grid-template-columns:20% 50% 25%;align-items:center;padding:0 20px;gap:20px;width:750px;max-width:1000px}.recipe:hover{background-color:#f3e3cd}.recipe img{width:150px;height:150px}.recipe .info{display:flex;flex-direction:column;justify-content:space-evenly}.recipe .title{display:flex;flex-direction:row;align-items:center}.recipe .title p{margin-left:20px;margin-right:5px}.recipe .description{margin-top:-15px}.recipe .description p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recipe .price{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.recipe .price .price-div{display:flex;flex-direction:row;align-items:center}.recipe .btn-recipe{background-color:#698269;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;transition:.3s;margin-left:10px}.recipe .btn-recipe.remove{background-color:#aa5656}.recipe .btn-recipe.edit:hover{background-color:#698269cc}.recipe .btn-recipe.remove:hover{background-color:#aa5656cc}.recipe .ingredients{display:flex;flex-direction:row;justify-content:start}.recipe hr{border:1px solid rgb(105,130,105);width:0px;height:180px}.recipe .ingr{margin-left:20px;max-height:180px;overflow:hidden}.recipe .ingr ul{list-style-type:disc;margin-top:-15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.hr-recipe{border:1px solid rgb(105,130,105);width:80%}@media screen and (max-width: 768px){.recipe{grid-template-columns:none;grid-template-rows:-1% 60% 40%;max-width:500px}.recipe .ingr ul{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:20px;row-gap:10px}.recipe img{display:none}.recipe hr{height:80%}}@media screen and (max-width: 530px){.recipe{width:auto;background-color:#f3e3cd}}.modal{position:fixed;z-index:999;top:0;left:0;width:100%;min-height:100vh;background-color:#000000bf;display:none;justify-content:center;align-items:center}.modal.is-open{display:flex}.modal-container{position:relative;padding:1rem;border-radius:1rem;max-height:550px;width:70%;overflow-y:auto;background-color:#f1dbbf;margin:1rem}.modal-close{position:absolute;top:1rem;right:1rem;font-size:20px;cursor:pointer;background-color:transparent;border:none}@media screen and (max-width: 768px){.modal-container{width:90%}}.lds-ring{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #000;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#000 transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login{background-color:#f1dbbf;border-top-left-radius:40px;border-bottom-left-radius:40px;height:100%;width:100%;display:grid;grid-template-rows:1fr 8fr;text-align:center}.login form{display:flex;flex-direction:column;align-items:center;margin:70px auto}.login label{margin-top:20px;font-size:14px;font-weight:500;margin-bottom:5px}.login input{background-color:#b99b6b33;border:2px solid rgb(185,155,107);padding:10px;outline:none}.login button{margin-top:40px;width:100px;height:30px;border-radius:10px;border:none;background-color:#b99b6b;color:#fff;font-size:12px;cursor:pointer;transition:all .3s linear}.login button:hover{background-color:#aa5656}.register{background-color:#b99b6b;border-top-right-radius:40px;border-bottom-right-radius:40px;height:100%;width:100%;text-align:center;box-shadow:-7px 0 20px #0000004b}.register form{display:flex;flex-direction:column;align-items:center;margin:30px auto}.register label{margin-top:20px;font-size:14px;font-weight:500;margin-bottom:5px}.register input{background-color:#f1dbbf33;border:2px solid rgb(241,219,191);padding:10px;outline:none;width:50%}.register button{margin-top:40px;width:100px;height:30px;border-radius:10px;border:none;background-color:#f1dbbf;color:#a58450;font-size:12px;cursor:pointer;transition:all .3s linear}.register button:hover{background-color:#aa5656;color:#fff}.login-page-container{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#aa5656}.login-register-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:600px;height:500px;font-size:12px;box-shadow:0 0 20px #0006;border-radius:40px}.login-register-container>.no-active{cursor:pointer;flex-shrink:20;writing-mode:vertical-lr;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 3s ease-out}.recipes-list{width:100%}.recipes-list>*{margin:20px auto}.no-recipes{text-align:center;font-size:20px;color:#00000080;margin-top:100px}.form-container{background-color:#698269;height:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:0 0 10px #698269;color:#fff}.form-container form{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;max-width:1000px}.form-container form input,.form-container form select{width:100%;max-width:200px;height:30px;border-radius:5px;border:none;padding-left:10px}.form-container form input:focus,.form-container form select:focus{outline:none}.form-container form button{width:100%;max-width:200px;height:30px;border-radius:5px;border:none;background-color:#f3e3cd;color:#698269;font-weight:700;cursor:pointer;margin-bottom:5px;border:2px solid rgb(243,227,205)}.form-container form button:hover{background-color:#698269;color:#f3e3cd;border:2px solid rgb(243,227,205)}@media screen and (max-width: 768px){.form-container form input,.form-container form select{width:80px}}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box;padding:0;margin:0;background-color:#f1dbbf}a{text-decoration:none;color:#000}