@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);*{box-sizing:border-box}:root{--background-color:#1f1f1f;--blue:#58abf6;--background-color-top:#2b2b2b}.input{position:relative;cursor:text;font-size:14px;line-height:20px;padding:0 16px;width:190px;background-color:#fff;border:1px solid #d6d6e7;border-radius:15px;height:35px;color:#23263b;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.3);overflow:hidden;transition:all .1s ease-in-out}fieldset{border:none}#Filter input:focus,#Filter select:focus,.input:focus{outline:none}.dropdown-content::-webkit-scrollbar,body::-webkit-scrollbar{width:2px}.dropdown-content::-webkit-scrollbar,body::-webkit-scrollbar-thumb{background:#58abf6;background:var(--blue);border-radius:20px;overflow:hidden}body{background-color:#000;margin:0;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin:0;font-weight:500}ul{padding:0}li{list-style-type:none}select{border:1px solid #d6d6e7}#mobile-visible{display:flex}#desktop-visible{display:none}main{display:flex;justify-content:center;flex-direction:column;align-items:center;flex-wrap:wrap;padding:0;height:100%;max-width:100vw;min-height:100vh;box-sizing:border-box;text-align:center}main,section{margin:0;width:100%}section{padding:1em}a{text-decoration:none}ul{list-style:none}@media (min-width:1000px){#mobile-visible{display:none}#desktop-visible{display:flex}}#Landing{min-height:100vh;color:#fff;min-width:100%;background-image:linear-gradient(to right bottom,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1);font-weight:400;padding:0 16%}#Landing nav{justify-content:space-between;margin-top:2em}.dog{width:100%;-webkit-filter:invert(100%);filter:invert(100%);max-width:5em}#blob{position:absolute;bottom:0;right:10em;width:35em}#flex-landing{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#left-side-landing{margin-bottom:2em}#left-side-landing,#rigth-side-landing{width:100%;flex:1 1}#left-side-landing{display:flex;height:auto;flex-direction:column;align-items:center}#left-side-landing p{margin:1em 0}#left-side-landing h1{font-size:50px;width:100%;font-family:"Lobster",cursive}#button-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5em;width:100%;max-width:200px;color:#fff;border-radius:30px;border:1px solid #fff;transition:all .3s}#button-landing p{margin:0}#button-landing:hover{box-shadow:0 0 23px 0 hsla(0,0%,100%,.75)}#button-landing a:hover~#left-side-landing h1{color:violet}#rigth-side-landing figure{display:flex;width:100%;border-radius:95% 15% 95% 15%;align-items:center;justify-content:center;border:2px solid #fff;background-size:300% 300%;margin:0;background-image:linear-gradient(-45deg,#3bade3,#576fe6 25%,#aa8fd8 51%,#e058a5);-webkit-animation:AnimateBG 10s ease infinite;animation:AnimateBG 10s ease infinite}#rigth-side-landing img{width:100%;max-width:8em;z-index:10}#logos{display:flex;position:relative;top:20px;margin:1em 2em;width:100px;flex-direction:row;justify-content:space-between}#logos a{border:none;fill:#fff;width:40px;display:flex;justify-content:flex-end}#logos a:hover{cursor:pointer}#logos svg{width:30px}#flex-landing-height{display:flex;flex-direction:column;justify-content:flex-start;height:100%}@-webkit-keyframes AnimateBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes AnimateBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:400px){#left-side-landing h1{font-size:55px}#left-side-landing p{font-size:20px}}@media (min-width:600px){#left-side-landing h1{font-size:65px}#rigth-side-landing img{max-width:9em}}@media (min-width:800px){#left-side-landing h1{font-size:75px}#rigth-side-landing img{max-width:10em}}@media (min-width:1000px){#Landing{padding:0 10%}#flex-landing{flex-direction:row}#left-side-landing{margin:0}#rigth-side-landing img{max-width:15em}#left-side-landing h1{font-size:80px}}@media (min-width:1500px){#rigth-side-landing img{max-width:18em}#left-side-landing h1{font-size:100px}}@media screen and (min-height:800px){#flex-landing-height{justify-content:center}}@media (max-width:900px) and (min-height:900px){#left-side-landing h1{font-size:70px}#rigth-side-landing img{max-width:12em}}@media (min-width:1000px) and (min-height:1000px){#Landing{padding:0 10%}#flex-landing{flex-direction:row}#left-side-landing{margin:0}#rigth-side-landing img{max-width:17em}#left-side-landing h1{font-size:90px}}@media (min-width:1600px) and (min-height:1000px){#rigth-side-landing img{max-width:22em}#left-side-landing h1{font-size:150px}#left-side-landing p{font-size:35px}#logos{width:200px}#logos svg{width:60px}#logos a{width:100px}#button-landing{max-width:300px}}#Header{position:relative;background-color:var(--background-color-top);height:5em;flex-direction:column;justify-content:center}#Header,#Header nav{display:flex;width:100%}#Header nav{flex-direction:row;padding:0 2em;align-items:center;justify-content:space-between}#Header a{display:flex;flex-direction:column;justify-content:center}#back{color:#fff;font-size:40px}.nombre img{width:100%;-webkit-filter:invert(100%);filter:invert(100%);max-width:3.5em}#rigth-side{align-items:center;justify-content:center;width:100%;flex:1 1}nav ul{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}#create{padding:1rem 2rem;background-color:var(--blue);font-size:1rem;border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer}.burger-article article{flex-direction:column;align-items:flex-end}#star{width:2em;margin:1em;fill:#fff;transition:.3s ease-in-out;cursor:pointer}#star:hover{transition:all .5s;-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translateZ(0);transform:translateZ(0);fill:#fae104}@media (min-width:1000px){#Header nav{padding:0 5.5em}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}40%,60%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}}@media (min-width:1500px){.dog{max-width:7em}}#Form{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-between}#flex-form-row{margin-bottom:3em}#temps_div{margin-bottom:1em}#form-wrapper{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:100;background-color:rgba(0,0,0,.6)}#wrapper-x{text-align:right}#normal-button:hover,#wrapper-x:hover{cursor:pointer}#form-wrapper-container{position:relative;display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:15px;max-width:40em;width:100%;height:95%;justify-content:center;max-height:37em;margin:1em}#flex-form-row,#form input #flex-form-row,#form select{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;height:18em}.flex-form-values{display:flex;height:22em;flex-direction:column;justify-content:space-evenly}#Form ul{margin:.1em 0}.error{text-align:left;list-style-type:disc;font-size:14px;color:#d0342c}#error-input{border:2px solid #d0342c;color:#d0342c}#error-input::-webkit-input-placeholder{color:#d0342c}#error-input::placeholder{color:#d0342c}#Form select{padding:.5em 1em;border-radius:15px;width:190px;box-shadow:inset 0 1px 4px 0 rgba(119,122,175,.3)}#span-style{background-color:var(--blue);margin:.5em;font-size:12px;color:#fff;border-radius:10px;padding:.5em 1em}#span-style:hover{cursor:pointer}#temps_div{width:100%;height:50px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}#Form input:focus,#Form select:focus{outline:none}#normal-button{background-color:var(--blue)}#error-button,#normal-button{padding:.5em 1em;font-size:16px;width:200px;border-radius:10px;color:#fff;border:none}#error-button{background-color:#d0342c}#burger{z-index:99}#burger>span{display:block;width:28px;height:2px;background-color:#fff}#burger>span:not(:last-child){margin-bottom:7px}#burger,#burger>span{transition:all .4s ease-in-out}#burger.active{transition-delay:.4s;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:99}#burger.active>span:nth-child(2){width:0}#burger.active>span:first-child,#burger.active>span:nth-child(3){transition-delay:.5s}#burger.active>span:first-child{-webkit-transform:translateY(9px);transform:translateY(9px)}#burger.active>span:nth-child(3){-webkit-transform:translateY(-9px) rotate(90deg);transform:translateY(-9px) rotate(90deg)}#mobile-nav{position:fixed;display:block;top:0;left:100%;width:100%;min-height:100vh;z-index:98;background-color:var(--background-color-top);transition:.8s}#mobile-nav article{height:100vh;margin:2em 0 0}#mobile-nav.is-active{left:0}#mobile-nav div,li{width:100%}#mobile-nav li{font-size:25px}#mobile-nav div{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}#mobile-nav a{display:block;margin:0 auto 16px;width:300px;text-align:center;border-radius:12px;padding:12px 16px;font-weight:600;background-color:var(--background-color);background-size:100% 100%;background-repeat:no-repeat;color:#fff;text-decoration:none;transition:.5s}@media (min-height:600px){#mobile-nav article{margin:0}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;left:1em;background-color:var(--background-color-top);min-width:150px;max-height:200px;overflow:hidden;overflow-y:visible;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:15}.dropdown-limit{min-height:50px}.dropdown-content a{color:#fff;padding:12px 16px;min-height:50px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:var(--blue)}.dropdown-content a:hover,.dropdown:hover{cursor:pointer}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:var(--blue);transition:all .5s}@media (min-width:1000px){#Filter{justify-content:space-between}}#Detail{background-color:var(--background-color);width:100%;min-height:100vh;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}#Detail svg{fill:#fff;width:1.5em}#Detail svg:hover{cursor:pointer}#Detail a{text-align:left;width:1.5em;margin:.5em 0}#detail-article{background-color:var(--background-color-top);padding:1em;border-radius:15px;width:93vw;max-height:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}#flex-detail{flex-direction:column;justify-content:flex-start;width:100%}#flex-detail,#flex-image,#flex-info{display:flex;align-items:center;height:100%}#flex-image,#flex-info{flex:1 1;flex-direction:column;justify-content:space-evenly;color:#fff}#flex-info{justify-content:flex-start;align-items:center;margin:0 .5em}.flex-values{display:flex;flex-direction:column;flex-wrap:wrap}.flex-height-weight,.flex-height-weight-mobile{display:flex;flex-direction:row;max-width:32em;width:100%;justify-content:center}.flex-height-weight-mobile{flex-direction:column}.flex-height-weight svg{margin-left:.5em}.flex-values h1{font-size:45px;font-weight:700;font-family:"Lobster",cursive;color:#58abf6;margin:.5em 0}.flex-values p{font-size:19px;margin:.5em .2em}.flex-values-temp{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:1em}#detail-article img{width:100%;height:100%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;border-radius:15px}#detail-article img:hover{-webkit-transform:scale(1.05) translateY(-10px);transform:scale(1.05) translateY(-10px);box-shadow:0 0 74px -8px hsla(0,0%,100%,.1);transition:.5s}#detail-article figure{width:100%;height:20em;max-width:30em;display:flex;border-radius:15px;margin:1em 0;flex-direction:column;justify-content:center}.span-form{background-color:#58abf6;margin:.5em;color:#fff;border-radius:10px;padding:.5em 1em}#flex-icons{display:flex;width:100%;justify-content:space-between}#Detail .metronome{top:0}@media (min-width:500px){.flex-values p{font-size:22px}}@media (min-height:600px) and (min-width:1600px){#detail-article figure{max-width:41vw}#detail-article{background-color:var(--background-color-top);padding:1em;border-radius:15px;width:86vw}#flex-detail{padding:2em}.flex-values p{font-size:35px}.flex-values{display:flex;flex-direction:column;flex-wrap:wrap;width:100%}.flex-height-weight{max-width:100%}}@media (min-width:1000px){#flex-detail{flex-direction:row;justify-content:space-evenly}#detail-article{width:86vw}}@media (min-width:1000px) and (max-width:1600px){#detail-article{height:100vh}#flex-info{justify-content:center}}.metronome{--uib-size:100px;--uib-speed:1.6s;--uib-color:#fff;position:relative;top:10em;height:var(--uib-size);width:var(--uib-size)}.metronome,.metronome__dot{display:flex;align-items:center;justify-content:flex-start}.metronome__dot{position:absolute;top:13.5%;left:0;height:100%;width:100%;-webkit-animation:swing var(--uib-speed) linear infinite;animation:swing var(--uib-speed) linear infinite}.metronome__dot:before{content:"";height:25%;width:25%;border-radius:50%;background-color:var(--uib-color)}.metronome__dot:first-child{-webkit-animation-delay:calc(var(--uib-speed)*-0.36);animation-delay:calc(var(--uib-speed)*-0.36)}.metronome__dot:nth-child(2){-webkit-animation-delay:calc(var(--uib-speed)*-0.27);animation-delay:calc(var(--uib-speed)*-0.27);opacity:.8}.metronome__dot:nth-child(2):before{-webkit-transform:scale(.9);transform:scale(.9)}.metronome__dot:nth-child(3){-webkit-animation-delay:calc(var(--uib-speed)*-0.18);animation-delay:calc(var(--uib-speed)*-0.18);opacity:.6}.metronome__dot:nth-child(3):before{-webkit-transform:scale(.8);transform:scale(.8)}.metronome__dot:nth-child(4){-webkit-animation-delay:calc(var(--uib-speed)*-0.09);animation-delay:calc(var(--uib-speed)*-0.09);opacity:.4}.metronome__dot:nth-child(4):before{-webkit-transform:scale(.7);transform:scale(.7)}@-webkit-keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}65%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}15%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}65%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}#trash-can{transition:.3s}#trash-can:hover{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;fill:#d0342c;transition:.3s}#favorites{background-color:var(--background-color-top);padding:1em;margin:1em 0;border-radius:15px;height:100%;display:flex;flex-direction:column;justify-content:space-between}#favorites h1{color:#58abf6;margin-bottom:1em;font-size:45px;font-family:"Pacifico",cursive}#favorites h2{margin:1em 0;font-size:35px;color:#fff}#back-button{text-align:left;width:1.5em;fill:#fff;margin:.5em 0}#flex-favorites{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:15px;gap:15px;padding-bottom:1em;height:100%}#flex-favorites>.metronome{top:0}#favorite-spinner{top:10em;position:absolute}@media (min-width:1000px){#favorites{margin:1em 4.5em}}#dogStar,#starClicked{position:absolute;z-index:10;width:2em;top:-.5em;right:14em;margin:1em;cursor:pointer}#dogStar:hover,#starClicked:hover{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}#dogStar{fill:#fff}#starClicked{fill:#fcd915}#DogCard{background-color:#fff;border-radius:15px;max-width:17.5em;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:15em;overflow:hidden;cursor:pointer;text-align:center}#DogCard a{color:#000}#DogCard img{width:-webkit-fill-available;height:15em;object-fit:cover;transition:all .6s}#DogCard:hover{border:1px solid #fff}#DogCard:hover .front img{-webkit-transform:scale(1.2);transform:scale(1.2);filter:blur(3px);-webkit-filter:blur(3px);transition:all .6s}#DogCard .content{width:100%;height:100%;position:relative;overflow:hidden}#DogCard .content .back{position:absolute;width:100%;height:4em;background-color:hsla(0,0%,94.5%,.9019607843137255);transition:1s;z-index:10;padding:10px}.from-bottom{top:100%;left:0}#DogCard:hover .content .from-bottom{top:80%}#DogCard:hover .content .from-bottom,#Pagination{display:flex;flex-direction:column;justify-content:center}#Pagination{background-color:var(--background-color-top);height:100%;width:100%}#Pagination ul{flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;padding:1em}#Pagination li,#Pagination ul{display:flex;align-items:center}#Pagination li{width:2em;flex-direction:column;justify-content:center;height:2em;margin:.5em;border-radius:5px;background-color:var(--background-color);transition:all .4s;color:#fff}#Pagination li:hover{cursor:pointer;background-color:var(--blue)}@media (min-width:1000px){#Pagination{height:5em}#Pagination ul{justify-content:center;flex-wrap:nowrap}}#search{display:flex;align-self:center;height:40px;width:100%;justify-content:flex-start;align-items:center;border-radius:50px 0 0 50px;background-color:#2b2b2b;color:#fff;padding:10px 15px;box-shadow:0 2.5px 7.5px rgba(0,0,0,.1);border:none}#search-button{border-radius:0 50px 50px 0;height:40px;border:none;transition:.5s}#search-button:hover{cursor:pointer;color:#fff;background-color:var(--blue);transition:.5s}#Filter{padding:1em;height:22em;margin:0 .5em}#Filter,#Filter span{display:flex;justify-content:center;align-items:center;flex-direction:column}#Filter span{cursor:pointer;color:#fff}#rigth-filter-side{display:flex;flex-direction:row;align-items:center;max-width:300px;width:100%}.left-filter-side{display:flex;height:100%;flex-direction:column;margin-top:1em;justify-content:space-around}#Filter select,.dropbtn{height:40px;width:150px;border-radius:50px;background-color:#2b2b2b;color:#fff;padding:10px 15px;box-shadow:0 2.5px 7.5px rgba(0,0,0,.1);margin:0 15px;border:none}@media (min-width:1000px){#Filter{flex-direction:column;height:10em;justify-content:space-between;padding:2em 5%}.left-filter-side{flex-direction:row;margin-top:1em}}@media (min-width:1300px){#Filter{flex-direction:row;height:auto;justify-content:space-between}.left-filter-side{flex-direction:row;margin:0}}#Container{position:fixed;z-index:99;background-color:var(--blue);width:4em;height:4em;right:2vw;top:85vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;transition:all .4s}#Help{fill:#fff;left:10em;width:1.5em}#Container:hover{transition:all .4s;cursor:pointer;background-color:#fff}#Container:hover>#Help{fill:var(--blue);-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .4s}#info{z-index:99;position:fixed;width:1em;background-color:#fff}#info-article{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}#info-article h2,#info-article h3{font-family:"Lobster",cursive;color:#58abf6}#info-article h3{font-size:20px}#info-article h4{font-size:13px;margin:.5em 0}@media (min-height:600px){#Container{top:88vh;right:1vw}}@media (min-width:475px){#info-article h3{font-size:25px}#info-article h4{font-size:16px}}@media (min-width:600px){#info-article h4{font-size:18px}#info-article h2{font-size:30px}}#Home{background-color:var(--background-color);width:100%;min-height:100vh}#flex-dogs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:1em 0;grid-gap:15px;gap:15px;padding:0 5%;height:100%}.mobile-visible .metronome{top:1em}#flex-dog-error{height:34em;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}#flex-dog-error img{max-width:30em;width:100%;border-radius:20px}#flex-dog-error h1{font-size:25px;margin:1em 0}@media (min-height:800px){#DogCard,#DogCard img{height:30vh}#flex-dogs{min-height:86vh;margin:2em 0}}
/*# sourceMappingURL=main.0b058309.chunk.css.map */