.container_search{display:flex;align-items:center;justify-content:center;margin-left:20px}.search input{margin-top:10px;padding:8px;width:20rem;height:24px;border-radius:16px;outline:none;border:none;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);margin-bottom:12px}.search input::placeholder{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.container_search button{border-radius:5px;margin-top:4px;border:none;height:30px;cursor:pointer;color:#000;background-color:initial;text-decoration:none}.container_search button img{height:30px;width:auto}@media (max-width:750px){.search input{width:180px}}.filter{display:flex;grid-gap:10px;gap:10px}.filter_select select{color:#000;cursor:pointer;width:auto;height:25px;border-radius:5px;border:none;font-weight:700;font-size:medium;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}@media (max-width:750px){.filter{flex-direction:column;margin-top:8px}}.nameImage,.weightImage{width:30px;height:30px}.sorts{display:flex;grid-gap:10px;gap:10px}.sorts button{padding:10px;border:none;border-radius:5px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer}.sorts button:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.createButton{height:40px;width:140px;border:none;border-radius:15px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer;text-decoration:none;background-color:#0979b0}.createButton:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.createButton h2{margin-top:8px;color:#fff;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.filterButton{display:flex;align-items:center;justify-content:center;height:50px;width:50px;position:absolute;right:1rem;background-color:#fff;border:none;border-radius:5px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer;text-decoration:none}.filterButton img{height:100%;width:90%;cursor:pointer}.filters_container{display:flex;align-items:center;grid-gap:10px;gap:10px;margin-right:20px}@media (max-width:750px){.filters_back{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:4.7rem;bottom:13.5rem;height:300px;width:250px;background:linear-gradient(90deg,#2ba1c8,#c5e2ec);border-radius:20px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3)}.filters_back_show{transform:translateY(-200%)}.filters_container{flex-direction:column;grid-gap:30px;gap:30px}}@media (min-width:750px){.filterButton{display:none}}.LogoDog img{height:250px}@media (max-width:750px){.LogoDog img{height:150px}}.navBar{display:flex;flex-direction:column;background-image:url(/static/media/NavBar.7d638987.png);padding-bottom:10px}.logoNav{align-self:center}.navBar_filters{display:flex;justify-content:space-between}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination button{color:#fff;padding:8px;border:none;border-radius:50px;background-color:#0979b0;margin:5px;cursor:pointer;font-weight:700;font-size:medium;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3)}.pagination button:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.pagination button:focus,.pagination button:hover{color:#000;background-color:#0ff;font-weight:700;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.pagination button:focus{font-size:medium}@media (max-width:750px){.pagination{flex-wrap:wrap}}.card{display:flex;flex-direction:column;align-items:center;margin-top:10px;margin-bottom:10px;width:330px;height:500px;background-color:#e6e6e6;border-radius:10px;overflow:hidden;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3)}.card:hover{box-shadow:0 34px 28px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.image_dog_card img{width:100%;height:250px;object-fit:cover}.temperament_dog_card{width:300px;height:10px}.name_dog_card h1{text-decoration:none}.name_dog_card h1,.temperament_dog_card,.temperament_dog_card strong{color:#000;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.temperament_dog_card strong{font-weight:700}.weight_dog_card,.weight_dog_card strong{color:#000;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.weight_dog_card strong{font-weight:700}.card_container{width:100%;height:auto;display:grid;grid-template-columns:repeat(auto-fill,330px);grid-gap:20px;place-content:center;justify-content:center;margin-top:10px}.link_dog{text-decoration:none}.spinner_container{display:flex;justify-content:center;align-items:center;background-color:#b5d6f8;width:100vw;height:100vh}.lds-heart{display:inline-block;position:relative;width:80px;height:80px;transform:rotate(45deg);transform-origin:40px 40px}.lds-heart div{top:32px;left:32px;position:absolute;width:32px;height:32px;background:red;animation:lds-heart 1.2s cubic-bezier(.215,.61,.355,1) infinite}.lds-heart div:after,.lds-heart div:before{content:" ";position:absolute;display:block;width:32px;height:32px;background:red}.lds-heart div:before{left:-24px;border-radius:50% 0 0 50%}.lds-heart div:after{top:-24px;border-radius:50% 50% 0 0}@keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}.home{background-color:#b5d6f8}.page_logo{width:500px;height:500px;cursor:pointer}.page_logo:hover{transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}@media (max-width:750px){.page_logo{width:350px;height:250px}}.landing_page{height:100vh;width:100vw;background-image:url(/static/media/LadingPage.cfcdc58b.jpg);background-size:cover;background-position:50%}.container_info{display:flex;flex-direction:column;margin-left:10%}.container_info p{color:#fff;background-color:hsla(0,0%,50.2%,.199);border-radius:10px;width:40%;font-size:xx-large;font-weight:bolder;margin:0}.container_logos{display:flex;grid-gap:10px;gap:10px;margin-top:10px}.linkedin_logo{width:115px;height:120px}.linkedin_logo:hover{transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.github_logo{margin-top:10px;width:100px;height:100px}.github_logo:hover{transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}@media (max-width:750px){.landing_page{background-image:url(/static/media/LadingPage.cfcdc58b.jpg);background-size:cover}.container_info,.landing_page{display:flex;flex-direction:column;align-items:center;justify-content:center}.container_info{margin-left:0}.container_p{margin:25px 10px}.container_info p{color:#fff;background-color:hsla(0,0%,50.2%,.308);border-radius:10px;width:100%;font-size:xx-large;font-weight:bolder}.container_logos{display:flex;grid-gap:10px;gap:10px;margin-top:40px;margin-left:0}.linkedin_logo{width:105px;height:100px}.github_logo{width:85px;height:85px}}.dog_details{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:url(/static/media/patitas.21850b79.gif);background-color:#f5f5f5}.dog_details_container{display:flex;width:65%;height:60%;background-color:#e6e6e6;border-radius:10px;overflow:hidden;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3)}.dog_details_img{width:50%}.dog_details_img img{width:100%;height:100%;object-fit:fill}.dog_details_list{display:flex;flex-direction:column;justify-content:center;align-items:center}.dog_details_list h1,.dog_details_list ul{color:#000;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.dog_details_list ul{list-style:none}.dog_details button{position:absolute;top:20px;left:20px;height:40px;width:70px;border:none;border-radius:5px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer;text-decoration:none;background-color:#0979b0;color:#fff;font-weight:bolder;font-size:larger;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.dog_details button:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}@media (max-width:750px){.dog_details_container{flex-direction:column;height:auto}.dog_details_img{width:100%;height:50%}.dog_details_img img{width:100%;height:100%;object-fit:cover}}.create_dog{display:flex;justify-content:center;align-items:center;width:100vw;height:auto;background-image:url(/static/media/patitas.21850b79.gif);background-color:#f5f5f5}.dog_form_container{width:80%;margin-top:5rem;margin-bottom:40px;background-image:url(/static/media/CreateDog.8dac07cb.jpg);background-size:cover;border:2px solid #000;border-radius:20px}.dog_form_container h1{color:#fff;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.dog_form{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.305);height:auto;border-radius:20px;padding-top:20px}.dog_form label{font-weight:500;color:#fff}.dog_form input,.dog_form label{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.dog_form input{border:none;border-radius:10px}.dog_form input::placeholder{color:#000;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.mini_containers{padding:25px}.temperaments_container{color:#fff;font-size:medium}.temperaments_container,.temperaments_container button{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.temperaments_container button{cursor:pointer;border:none;border-radius:10px;background-color:#fff;font-weight:bolder}.error{position:absolute;left:35%;background-color:rgba(0,0,0,.66);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:red}.error,.submit_button{font-size:medium;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.submit_button{color:#fff;font-weight:bolder;margin:20px 0;padding:20px;border:none;border-radius:15px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer;text-decoration:none;background-color:#0979b0}.submit_button:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}.button_back{position:absolute;top:20px;left:20px;height:40px;width:70px;border:none;border-radius:5px;box-shadow:7px 7px 12px 0 rgba(20,20,20,.3);cursor:pointer;text-decoration:none;background-color:#0979b0;color:#fff;font-weight:bolder;font-size:larger;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}.button_back:hover{box-shadow:0 14px 14px rgba(0,0,0,.25),0 20px 20px rgba(0,0,0,.22);transform:scale(1.1);transition:all .8s cubic-bezier(.25,.8,.25,1);cursor:pointer}body{margin:0}body,code{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif}
/*# sourceMappingURL=main.fad31eb2.chunk.css.map */