@import url(https://fonts.googleapis.com/css2?family=Lilita+One&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}button{background:#906e45;border:2px solid #906e45;border-radius:.5em;color:#eec18a;cursor:pointer;font-family:Lilita One,cursive;font-size:1rem;margin-left:20px;padding:.7em 1em;text-decoration:none;text-transform:uppercase;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}button,button:before{transition:all 175ms linear}button:before{background:#493926;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.75em,-1em);transform:translate3d(0,.75em,-1em)}button:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}button:active:before{box-shadow:0 0 0 2px #906e45,0 .25em 0 #906e45;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}.dog-image{height:100%;left:0;object-fit:fill;opacity:.9;position:absolute;top:0;transition:opacity .2s ease-out;width:100%}.card-container{align-items:center;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;padding:40px}.card{border-radius:10px;box-shadow:0 -1px 23px 6px rgba(0,0,0,.59);-webkit-box-shadow:0 -1px 23px 6px rgba(0,0,0,.59);-moz-box-shadow:0 -1px 23px 6px rgba(0,0,0,.59);color:#f0f0f0;cursor:pointer;height:25rem;overflow:hidden;position:relative;width:29rem}.dog-name{color:#493926;font-family:Roboto Condensed,sans-serif;font-family:Lilita One,cursive;font-size:1.6rem;font-weight:400;inset:auto auto 20px 30px;margin:0;position:absolute;text-shadow:1px 5px 8px #fff;text-transform:uppercase;transition:inset .3s ease-out .3s}.card:hover .dog-name{inset:auto auto 150px 5px;transition:inset .3s ease-out}.dog-description{background-color:hsla(0,0%,50%,.448);color:#493926;display:flex;flex-direction:column;font-family:Lilita One,cursive;font-size:.8rem;inset:auto auto 10px 20px;opacity:0;position:absolute;text-shadow:1px 5px 8px #fff;text-transform:uppercase;transition:opacity .3s ease-out;width:90%}.card:hover .dog-description{inset:auto auto 20px 30px;opacity:1;transition:opacity .5s ease-in .1s}.card:hover .dog-button{inset:auto auto 10px 5px;opacity:1;transition:opacity .5s ease-in .1s}.dog-image:hover{opacity:1;transition:opacity .3s ease-in}.cards-container{align-items:center;background-color:bisque;display:flex;flex-wrap:wrap;justify-content:center}.navBar-container{align-items:center;background-color:#402e32;display:flex;height:100px;justify-content:space-around}.link-buttons{background:#906e45;border:2px solid #906e45;border-radius:.5em;color:#eec18a;cursor:pointer;font-family:Lilita One,cursive;font-size:1rem;margin-left:20px;padding:.7em 1em;text-decoration:none;text-transform:uppercase;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 175ms linear}.link-buttons:before{background:#493926;border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.75em,-1em);transform:translate3d(0,.75em,-1em);transition:all 175ms linear}.link-buttons:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}.link-buttons:active:before{box-shadow:0 0 0 2px #906e45,0 .25em 0 #906e45;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}.searchBar-container{align-items:center;display:flex}.searchBar{padding:.2em;width:10em}.searchBar-button{margin-left:.5em}.principalFilter-container{background-color:#906e45;color:#eabe87;flex-direction:column;font-family:Lilita One,cursive;min-height:13%;text-transform:uppercase;width:100%}.filter-container,.orden-container,.principalFilter-container{align-items:center;display:flex}.orden-container{height:.5em}.filter-title{margin-right:1em}.home-button{border-radius:1em}.title{color:#493926;font-family:Lilita One,cursive;font-size:3.5rem;text-shadow:1px 5px 8px #fff;text-transform:uppercase}.principal-container{background-image:url(/static/media/Landing.40f2383072c04fd36983.png);height:100vh}.landing-container,.principal-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.landing-container{background-color:#eab471d2;border:2px solid #eab471d2;border-radius:10%;box-shadow:-4px 7px 21px -4px rgba(0,0,0,.75);-webkit-box-shadow:-4px 7px 21px -4px rgba(0,0,0,.75);-moz-box-shadow:-4px 7px 21px -4px rgba(0,0,0,.75);min-height:210px;min-width:400px}.home-container{background-color:bisque;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;width:100%}.controls-container{align-items:center;background-color:#402e32;bottom:0;height:52px;justify-content:center;position:relative;width:100%}.control-button{font-size:.8rem;margin-left:0}.pagination-number{color:#eabe87;font-family:Lilita One,cursive;margin:1rem;text-transform:uppercase}.form-container{align-items:center;background-color:bisque;display:flex;height:100vh;justify-content:center}.error{color:red}.form{align-items:center;background-color:#eaddca;border:2px dashed #daa06d;border-radius:15px;box-shadow:0 0 0 4px #eaddca,2px 2px 4px 2px rgba(0,0,0,.5);color:#906e45;display:flex;flex-direction:column;font-family:Lilita One,cursive;gap:10px;padding-bottom:2.1em;padding-left:2.8em;padding-right:2.8em;text-transform:uppercase;transition:.4s ease-in-out}::-webkit-input-placeholder{color:#402712;text-align:center}::placeholder{color:#402712;text-align:center}.form .heading{color:#906e45;font-family:Lilita One,cursive;letter-spacing:.5em;padding-left:.8em;padding-top:1em;text-transform:uppercase}.form .input{background-color:#eaddca;border:1px solid #daa06d;color:#daa06d;height:3em;padding:.5em;text-align:center;width:14em}.form .btn,.form .input{border-radius:10px;outline:none}.form .btn{border:none;color:#fff;letter-spacing:.3em;margin-top:2em;padding:1em}.custom-select,.form .btn{box-shadow:.5px .5px .5px .5px rgba(0,0,0,.5)}.custom-select{background-color:#fff;border:1px solid #daa06d;border-radius:4px;color:#906e45;font-size:16px;height:70px;padding:8px;width:200px}.custom-select option{font-family:Lilita One,cursive;padding:4px;text-align:center;text-transform:uppercase}.custom-select:focus{outline:none}.info{color:#906e45a2;font-size:1em;margin-left:5px;padding:1px;text-transform:lowercase}.detail-container{align-items:center;background-color:bisque;display:flex;height:89vh;justify-content:space-around}.dates-container{align-items:center;background-color:#eaddca;border:2px dashed #d3955f;border-radius:15px;display:flex;flex-direction:column;padding-bottom:2.1em;padding-left:2.8em;padding-right:2.8em;transition:.4s ease-in-out;width:40%}.dates-container,.detail-image{box-shadow:0 0 0 4px #eaddca,2px 2px 4px 2px rgba(0,0,0,.5)}.detail-image{border:4px dashed #d3955f;border-radius:12px;max-height:800px;width:700px}.date{color:#493926;font-size:2rem;text-shadow:1px 5px 8px #fff}.date,.loading{font-family:Lilita One,cursive;text-transform:uppercase}.loading{align-items:center;background-color:bisque;box-shadow:0 0 0 4px #eaddca,2px 2px 4px 2px rgba(0,0,0,.5);color:#906e45;display:flex;font-size:2em;height:100vh;justify-content:center;letter-spacing:2em;padding-top:1em}
/*# sourceMappingURL=main.7a8d1fee.css.map*/