body{background-image:url(/static/media/homeimg.8e2b983c.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;font-family:"Arial Narrow",Arial,sans-serif;text-decoration:none}.background{background:url(/static/media/dog-puppy-on-garden.60600ade.jpg);background-size:cover;width:100%;height:100%;position:absolute;display:block;justify-content:center;align-items:center;border:0}.welcomeText{position:relative;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:40px;top:35%;color:#49d411;text-shadow:2px 2px 4px #000;margin-top:auto;margin-right:auto}.button{display:block;padding:15px 30px;border:2px solid #2bff00;text-transform:uppercase;font-weight:600;letter-spacing:.5ex;color:#000;transition:.3s;border-radius:2ex;margin:50ex auto auto}.icons{display:flex;bottom:auto;cursor:pointer}.icono{margin-top:2ex;margin-left:2ex;width:80px;height:80px}.icono:hover{transition-delay:0s;-webkit-transform:scale(1.3);transform:scale(1.3)}.button:hover{transition-delay:0s;color:#2bff00;box-shadow:0 0 20px #0f0,0 0 40px #1a991a,0 0 80px #369436,0 0 160px rgba(13,153,0,.068)}.card-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:300px;overflow:hidden;transition:.3s;-webkit-animation:ease-in-out;animation:ease-in-out;box-shadow:0 0 10px 0 #2a5003;margin-left:5ex;margin-top:3ex;margin-bottom:3ex;border-radius:20px}.card-container:hover{-webkit-transform:scale(1.1);transform:scale(1.1);box-shadow:0 0 4ex .5ex #193100}.image-container{overflow:hidden;height:200px;border:1px solid #000}.image{width:100%;height:100%}.nameHome{margin-bottom:.5rem;margin-top:.5rem;color:#faebd7;text-shadow:.1px .1px 5px #000;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline}.temperamentsHome{text-align:center;color:#000;text-transform:uppercase;text-shadow:0 0 1ex #fff8dc}.weightHome{display:flex;justify-content:center;color:#149414;text-shadow:.1ex .1ex 0 #000;font-family:Arial}.paginationUl{margin-top:1ex;height:1ex}.paginationButton{background-color:rgba(0,0,0,.6352941176470588);height:5ex;width:5ex;margin:.5ex;border-radius:5ex;border:transparent;color:#fff;transition:.3s;cursor:pointer}.paginationButton:hover{color:#fff}.paginationButton:active,.paginationButton:hover{transition-delay:0s;-webkit-transform:translateY(1ex);transform:translateY(1ex)}.paginationButton:active{color:#00ff15;box-shadow:0 0 40px #3bdd0a}.buscador{display:contents;width:5ex;height:5ex}.campoBuscar{background-color:rgba(0,0,0,.322);color:hsla(0,0%,100%,.863);border:5ex;border-radius:5em;margin-top:1ex;margin-bottom:1ex;font-size:3ex;padding:1ex;height:2ex;width:15ex}.botonBuscar{cursor:pointer;border:none;width:4.75ex;background-color:transparent}.botonBuscar:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.iconBuscar{height:100%;width:100%;background-color:transparent;place-items:center}*{text-shadow:1px 1px 4px #000}.body::-webkit-scrollbar{background-color:#000}.body::-webkit-scrollbar-thumb{background-color:#000;border-radius:3ex}.home{background-image:url(/static/media/homeimg.8e2b983c.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%}.positions{display:grid;justify-items:center;grid-template-columns:repeat(4,1fr);grid-column-gap:0;grid-row-gap:0;position:-webkit-sticky;position:sticky;margin-top:10ex}.lista{border-radius:1ex;-webkit-margin-start:1ex;margin-inline-start:1ex;color:#fff;background-color:rgba(37,50,58,.5);cursor:pointer;width:20ex;height:4ex;text-align:left}.refresh{border-radius:4px;border:none;position:relative;top:3.3ex;right:10ex;width:2ex;cursor:pointer;font-size:28px;background-color:transparent}.icon{width:30px;height:30px;transition:all .4s ease-in-out}.icon:hover{transition-delay:0s;-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}.buttonHome{border-radius:4px;border:none;position:relative;top:-3.1ex;right:-2ex;width:2ex;cursor:pointer;font-size:28px;background-color:transparent}.iconHome{width:35px;height:35px;transition:all .4s ease-in-out}.iconHome:hover{transition-delay:0s;-webkit-transform:scale(1.3);transform:scale(1.3)}.titulo{color:#149414;height:0}.crearDog{color:#faebd7}.divCrear{background-color:rgba(0,0,0,.596078431372549);height:3ex}.divCrear:hover{transition-delay:0s;color:#2bff00;box-shadow:0 0 20px #0f0,0 0 40px #1a991a,0 0 80px #369436,0 0 160px rgba(13,153,0,.068);-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}.carga{background-repeat:repeat;display:block;width:20%;margin-left:auto;margin-right:auto}.volver{background-color:rgba(0,0,0,.322);display:flexbox;border:5ex;border-radius:5em;font-size:2ex;padding:1ex;height:4ex;width:25ex}.volver:hover{background-color:#f0f8ff}.walpaperDetalle{background-image:url(/static/media/CIBMWs.1bf25110.webp);background-repeat:no-repeat;background-size:cover;position:fixed;width:100%;height:100%}.card-contenedor{display:flex;position:fixed;flex-direction:column;align-items:center;overflow:auto;-webkit-backdrop-filter:blur(.5ex);backdrop-filter:blur(.5ex);left:5ex;right:5ex;top:5ex;height:90%;box-shadow:0 0 5ex 1ex #000;margin:.5ex 1ex 20%;border-radius:20px;border:2px solid #000}.card-contenedor::-webkit-scrollbar{background-color:rgba(196,133,16,0)}.card-contenedor::-webkit-scrollbar-thumb{background-color:rgba(102,68,5,.589);border-radius:3ex}.card-content{margin:.5rem 15px 15px}.imgBackDetail{border-radius:5ex;position:fixed;flex-direction:column;left:2ex;width:9ex;background-color:rgba(0,0,0,.27450980392156865)}.imgBackDetail:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.name{margin-bottom:.5rem;margin-top:.5rem;width:99%;text-align:center;color:#fff;font-weight:400;font-style:normal;text-shadow:2px 3px 4px #000}.temperamentDetalle{text-align:center;color:#000;text-transform:uppercase;text-shadow:.1ex .1ex .05ex #fff8dc;-webkit-text-stroke:.02ex wheat}.wightHeightLifeSpan{display:flex;justify-content:center;-webkit-text-stroke:.05ex #108800;color:#0f0;text-shadow:.1ex .1ex .1ex #000;font-family:Arial}.divImgDetail{max-width:75ex;margin:auto}.pictureDetalle{width:auto;height:50vh}.cargando{background-repeat:no-repeat;background-attachment:fixed;display:flex;width:10%;height:10%;margin-top:30ex;margin-left:auto;margin-right:auto}.cargando,.fondo{background-size:cover}.fondo{background-image:url(/static/media/prancer.80e3ae8d.jpg);justify-content:center;width:100%;height:100%;position:fixed}.homeButton{background-color:rgba(9,121,19,.26);position:relative;margin:-3ex 45% 2ex;width:auto;top:0;box-shadow:0 0 10px 0 #172e01;border-radius:5ex}.homeButton:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.tituleCrear{position:relative;bottom:0;color:#0b9c0b;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:5ex;text-shadow:.1ex .1ex .2ex #052702;margin-left:auto;margin-right:auto;margin-bottom:1ex;width:13ex}.buttonRefresh{background-color:rgba(9,121,19,.26);box-shadow:0 0 10px 0 #172e01;border-radius:4ex;border:none;position:relative;height:3ex;top:6ex;right:10ex;width:3ex;cursor:pointer;font-size:28px}.iconRefresh{position:relative;right:.1ex;top:.1ex;transition:all .4s ease-in-out}.iconRefresh:hover{transition-delay:0s;-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}.card-containers{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);grid-column-gap:5px;grid-row-gap:5px;overflow:auto;border:2px solid #000;-webkit-backdrop-filter:blur(.5ex);backdrop-filter:blur(.5ex);margin:1ex 1.5ex 1.5ex;width:96%;height:75%;box-shadow:0 0 5ex 1ex #000;border-radius:2ex;font-size:25px}.card-containers::-webkit-scrollbar{background-color:rgba(22,196,16,0)}.card-containers::-webkit-scrollbar-thumb{background-color:rgba(3,53,5,.425);border-radius:3ex}.containers{display:flex;margin-top:3ex;margin-left:10ex;margin-right:10ex;flex-wrap:wrap;text-transform:capitalize;color:#000}.inputs{text-align:center;background-color:rgba(0,0,0,.377);border-radius:5ex;border:none;margin:2ex;font-size:18px;height:30px;width:200px}.inputs:hover{background-color:#fff}.error{color:red;font-size:small;text-shadow:none}.breed,.maxHeight,.maxLifeSpan,.maxWeight,.minHeight,.minLifeSpan,.minWeight,.picture{display:flex;position:relative;bottom:0;align-items:center;flex-direction:column;margin:1ex}.listTemps{background-color:rgba(88,88,88,.445);border-radius:5ex;width:30ex;height:5ex;text-align:center;margin-top:2ex}.temperamentsItems{display:flex;flex-wrap:wrap;margin:0 4ex 0 0}.itemsTemperaments{margin-left:5ex}.buttonRemove{position:relative;left:.5ex;top:.5ex;background-color:rgba(151,5,5,.747);border-radius:5ex;border-color:transparent;width:4ex;height:4ex}.buttonRemove:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.imgRemoveTemperament{position:relative;left:-.7ex;top:.1ex;width:3ex;height:3ex}.createDogButton{display:flex;position:relative;left:0;top:0;padding:15px 30px;border:2px solid rgba(0,0,0,.685);margin:40px;text-transform:uppercase;font-size:1.1ex;font-weight:600;letter-spacing:.5ex;color:rgba(0,0,0,.651);transition:.3s;border-radius:2ex;cursor:pointer}.createDogButton:disabled{background-color:rgba(0,0,0,.315);color:#000;cursor:not-allowed}.createDogButton:hover{transition-delay:0s;color:#2bff00;box-shadow:0 0 20px #0f0,0 0 40px #1a991a,0 0 80px #369436,0 0 160px rgba(13,153,0,.068)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.08ca079d.chunk.css.map */