body{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}.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)}}.card{background-color:hsla(0,0%,100%,.674);border-radius:30px;border-width:2px;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:10px auto;padding:5px 5px 5px 10px}.card:hover{size:150%}.card img:hover{-webkit-transform:perspective(800px) rotateY(0deg);transform:perspective(800px) rotateY(0deg);opacity:1}.img{margin-top:10px;width:200px;height:200px;border-radius:100%}.img,.img:hover{object-fit:cover}.img:hover{border-radius:30px;width:auto}.name{font-family:Segoe Print;font-weight:bolder;text-align:center}.temperaments,.weight{overflow:auto}.weight{display:flex;justify-content:left;align-items:center}.weight h5{margin-left:10px}.textCont{flex-direction:column}.container,.textCont{display:flex;justify-content:center}.container{padding:10px;align-items:center;grid-gap:15px;gap:15px}.button{border-width:0;background-color:#ffea27;padding:2px;cursor:pointer}.button,.input{border-radius:5px}.input{margin-left:8px;margin-right:8px;padding:13px 25px;width:15px;border-color:#000;border-width:2px;font-size:14px;font-weight:700}.search{display:flex;width:350px;justify-content:space-evenly;align-items:center}.inputsearch{width:230px;height:28px;border-radius:15px;text-align:left;padding-left:10px}.search button{background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.submitsearch img{width:35px;height:35px}@media screen and (max-width:1100px){.inputsearch{width:60%;height:35px;padding-left:15px}}body{background:#fff;background:linear-gradient(180deg,#fff,#fff16b 35%,#ffea27);min-height:100vh;background-size:cover;background-position:50%}.allContainer{display:flex;margin:20px;flex-direction:center;align-items:center;justify-content:center}.headerHome{background-image:url(/static/media/Bones30.f628592a.gif);margin:15px;border-radius:40px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.logoContainer{display:flex;justify-content:center;align-items:center}.logoimg{width:25%}.buttonsContainer{display:flex;justify-content:space-around;margin-left:90px;margin-right:90px;padding-bottom:10px}.buttons{background-color:#ffea27;border:none;border-radius:15px;padding:10px 35px;justify-content:center;font-size:25px;font-family:Calibri;margin:auto;cursor:pointer;transition-duration:.4s;text-decoration:none important!}.buttons,.buttons a a:active a:visited{color:#000;-webkit-text-decoration:none important!}.buttons a a:active a:visited{text-decoration:none;text-decoration:none important!}.buttons span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.filterContainer{display:flex;justify-content:space-around;height:35px;font-size:20px;margin:10px;padding-bottom:10px}.filterContainer select{border-radius:15px;padding-left:10px;padding-right:10px;font-size:medium}.cardsContainer{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:15px;grid-row-gap:0;align-items:center;justify-content:center;margin:15px;background-color:initial;text-decoration:none}.Link{text-decoration:none;-webkit-text-decoration-color:none;text-decoration-color:none;color:#000}.errorMatch{text-align:center;font-size:25px;margin-left:5px}.errorMatch button{background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;font-size:30px;color:#ab3ed8;font-weight:700}@media screen and (max-width:1100px){.cardsContainer{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.buttonsContainer{flex-direction:row;margin-top:10px;margin-left:30px;margin-right:30px}.filterContainer{display:block;margin-left:10%;margin-right:10%;height:auto;justify-content:space-around;align-items:center;text-align:center}.filterContainer select{padding:5px 10px;margin-left:20px;margin-right:20px;margin-bottom:10px}.search{width:auto;justify-content:space-around}.logoimg{width:40%}}@media screen and (max-width:800px){.cardsContainer{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(8,1fr)}}@media screen and (max-width:600px){.filterContainer select{width:45%;margin-left:5px;margin-right:5px;font-size:small;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search{width:auto;margin-top:10px;margin-bottom:10px}.buttons{font-size:20px;padding-left:15px;padding-right:15px;margin-bottom:0}}.ErrorContainer{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.ErrorContainer img{width:80vw;height:auto}@media screen and (max-width:800px){.ErrorContainer img{width:90vw;height:auto}}.bodyDetail{display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;background:#fff;background:linear-gradient(180deg,#fff,#fff16b 35%,#ffea27);min-height:100vh;background-size:cover;background-position:50%}.bContainer{position:absolute;top:35px;left:0;justify-content:space-around;margin-left:90px;margin-right:90px;padding-bottom:10px;text-decoration:none}.b{background-color:#ffea27;border:none;border-radius:30px;padding:10px;justify-content:center;font-size:22px;font-family:Calibri;margin:auto;cursor:pointer;transition-duration:.4s}.b,.b a a:active a:visited{color:#000;text-decoration:none}.b a a:active a:visited{-webkit-text-decoration:none important!;text-decoration:none important!}.b span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.loading{display:flex;justify-content:center;align-items:center}.loading img{size:10%}.details{box-shadow:0 15px 30px 1px grey;display:flex;flex-direction:row;background:hsla(0,0%,100%,.9);text-align:center;border-radius:35px;margin-top:100px;height:500px;width:-webkit-min-content;width:min-content;max-width:1100px;justify-content:flex-start;align-items:center}.details img{height:inherit;max-width:650px;border-radius:30px;object-fit:cover}.detailText{display:inline;justify-content:flex-end;line-height:10px;margin-left:75px;margin-right:75px;text-align:center;width:-webkit-max-content;width:max-content}.detailText h1{padding-bottom:30px;text-overflow:ellipsis;white-space:nowrap}.temper{-webkit-column-count:2;column-count:2;-webkit-column-rule:1px solid #bbb;column-rule:1px solid #bbb}.detailText h5,.detailText p{font-weight:400}.detailText h5{font-size:medium;margin:0}.detailText h3{line-height:25px;margin:8px}.deleteDog{top:610px;left:700px;color:red;font-weight:700;font-size:20px;border-color:#ffea27;font-family:Calibri;border-radius:30px;padding:5px 10px;margin-top:30px}@media screen and (max-width:1100px){.details{flex-direction:column;max-width:80 vw;height:auto;margin-top:20px}.details img{height:inherit;max-width:80vw;border-radius:30px;object-fit:cover}.detailText h1{font-size:25px}.detailText{margin-left:30px;margin-right:30px}.bContainer{position:inherit;justify-content:space-around;text-decoration:none;padding-bottom:40px}}.Containercreate{align-items:center;align-content:center}.Containercreate,.CreateCard{display:flex;flex-direction:column}.CreateCard{margin-top:25px;border-radius:20px;height:560px;width:1000px;background-color:#fff;border:2px groove #000;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.createDog{display:flex;flex-direction:row;justify-content:space-between}.topContainer{display:flex;align-items:center;justify-content:flex-start;margin-left:15px}.topContainer h1{margin-left:80px}.createDog form{padding-top:30px}.CreateCard button{top:45px;left:285px;background-color:#ffea27;border:none;border-radius:15px;color:#000;padding:10px 25px;justify-content:center;font-size:25px;font-family:Calibri;margin:auto;cursor:pointer;transition-duration:.4s;text-decoration:none}.inputNum{width:60px}.inputName,.inputNum{padding:6px 12px;box-sizing:border-box;margin:4px 5px;border:2px solid #ffea27;border-radius:4px}.inputNum:focus .inputName:focus{border:3px solid #000}.createDog label{font-size:18px;font-weight:400;margin-right:20px;margin-left:20px}.createDog select{width:30%;padding:6px 12px;border-color:#ffea27;border-radius:4px;background-color:#fff}.DogPic{height:500px;object-fit:scale-down}.BtnCreate-container{display:flex;align-items:center;justify-content:center;margin-top:40px}.CreateButton{bottom:110px;left:450px;background-color:#ffea27;border-radius:10px;color:#000;padding:10px 35px;justify-content:center;font-size:40px;font-family:Calibri;margin:20px auto auto 25px;cursor:pointer;transition-duration:.4s;text-decoration:none}.CreateButton:disabled{border:1px solid #999;background-color:#ccc;color:#666}.lifespan{display:inline}.errorContainer{position:absolute;display:flex}.error,.errorContainer{top:90px;justify-content:center;align-items:center}.error{left:15%;right:15%;color:#ab3ed8;font-weight:700;margin-left:10px}.createDog h1{font-size:40px;top:15px;left:550px}.createDog ul{column-count:5;-webkit-columns:5;-moz-columns:5;display:flex;justify-content:flex-start;position:absolute}.createDog li{padding-right:10px;list-style:none}.createDog span{font-weight:700;color:#ab3ed8;cursor:pointer}@media screen and (max-width:1000px){.CreateCard{width:750px;height:600px}.DogPic{bottom:-100px;right:-50px;width:400px;-webkit-transform:scaleX(-1);transform:scaleX(-1);-webkit-transform:rotate(270deg);transform:rotate(270deg);padding-right:5px}.error{width:90vw}.errorContainer{top:80px}}@media screen and (max-width:750px){.createDog{flex-direction:column;justify-content:center;align-items:center}.DogPic{position:fixed;bottom:-200px;right:-100px;height:500px;width:300px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.createDog li{padding-right:10px}.createDog ul{padding-left:0}.error{top:140px;width:85vw}.errorContainer{top:115px}.CreateCard{margin-top:25px;border-radius:20px;height:90vh;width:90vw}.topContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:10px}.topContainer h1{margin-left:0;font-size:x-large}.createDog label{font-size:15px}.inputName,.inputNum{padding:2px 5px}.createDog select{width:40%;padding:2px 5px}.CreateButton{margin-left:5px;margin-top:55px;font-size:x-large}}@media screen and (max-width:400px){.errorContainer{top:120px;font-size:14px}}.containerLanding{background-image:url(/static/media/Bones30.f628592a.gif);background-position:50%;height:100vh;width:100vw;padding:0;margin:0;font-size:40px;background-repeat:no-repeat}.box,.containerLanding{justify-content:center;background-size:cover;display:flex;flex-direction:column;align-items:center;text-align:center}.box{top:15px;background-image:url(/static/media/slides.cbc584f1.gif);width:85%;height:95%;border-radius:15px;border-color:#000;border-width:4px}.buttonEnter{background-color:#ffea27;border:none;border-radius:15px;color:#000;padding:15px 32px;text-decoration:none;justify-content:center;font-size:40px;font-family:Calibri;margin:300px auto auto;cursor:pointer;transition-duration:.4s;top:500px;left:390px}.buttonEnter span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.buttonEnter span:after{content:"\00bb";position:absolute;opacity:0;top:0;right:-20px;transition:.5s}.buttonEnter:hover span{padding-right:25px}.buttonEnter:hover{box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.buttonEnter:hover span:after{opacity:1;right:0}@media screen and (max-width:800px){.buttonEnter{border-radius:5px;padding:10px 15px;font-size:28px}.box{height:600px}.containerLanding{background-size:auto}}.logo{width:35%}
/*# sourceMappingURL=main.a02916d6.chunk.css.map */