@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Istok+Web:wght@400;700&display=swap);body{margin:0}.App{height:100vh;text-align:center;font-family:"Istok Web",sans-serif}img{width:100%;height:100%;border-radius:.4rem}li{list-style:none}a{text-decoration:none}.Landing{height:100vh;display:flex}.Landing .Landing-Welcome{background-color:#f14a16;width:50%}.Landing .Landing-text{display:flex;flex-direction:column;justify-content:space-between;place-items:center;background-color:#370665;width:50%;padding:2rem 1rem}.Landing .Landing-text h1{font-size:5rem;color:#fc9918;font-weight:700;margin:0}.Landing .Landing-text p{font-size:2rem;color:#f5f5f5;font-weight:700}.Landing a{font-size:1.8rem;letter-spacing:2px;text-transform:uppercase;display:inline-block;text-align:center;width:27rem;font-weight:700;padding:1.2rem 0;border:3px solid #fc9918;position:relative;color:#fc9918;transition:all .3s ease;z-index:1}.Landing a:before{transition:all .5s ease;position:absolute;top:0;left:50%;right:50%;bottom:0;opacity:0;content:"";background-color:#fc9918;z-index:-2}.Landing a:focus:before,.Landing a:hover:before{transition:all .5s ease;left:0;right:0;opacity:1}.Landing a:focus,.Landing a:hover{color:#f5f5f5}.flex{display:flex;justify-content:space-around;align-items:center;background-color:#370665;width:100%}.flex .title{text-transform:uppercase;font-size:1.15rem;color:#fc9918}.flex .home img{width:60px;height:60px;display:block}.flex .home a{color:#f5f5f5;font-weight:700;font-size:1.5rem;text-align:center}.flex .create-dog button{display:inline-block;font-size:1rem;padding:1rem 1.5rem;background-color:#35589a;color:#f5f5f5;font-weight:700;text-transform:uppercase;border-radius:4px;border:none;cursor:pointer;transition:-webkit-transform .1s ease-in;transition:transform .1s ease-in;transition:transform .1s ease-in,-webkit-transform .1s ease-in}.flex .create-dog button:active{-webkit-transform:scale(.9);transform:scale(.9);background-color:#f78d03;color:#0a0a0a}.BoxSearch{display:flex;place-content:center}.flexS{display:flex;justify-content:space-between;place-items:center;background-color:#fc9918;border-radius:1rem;width:90%;margin:1rem;padding:2rem}.flexS .search-name{display:flex;grid-gap:1rem;gap:1rem;align-items:flex-end}.flexS .search-name div{display:flex;grid-gap:1.2rem;gap:1.2rem;flex-direction:column}.flexS .search-name div span{font-size:1.2rem;font-weight:700}.flexS .search-name div input{border:none;padding:1rem 3.5rem;border-radius:1rem;background-color:#f5f5f5}.flexS .search-name .send-button{background-color:#1a5f7a;color:#f5f5f5;border:none;border-radius:1rem;font-weight:700;padding:.5rem;width:50%}.flexS .search-name .send-button:hover{transition:all .4s ease-in-out;color:#0a0a0a;background-color:#227ca0}.flexS .filter-temperament{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.flexS .filter-temperament span{font-size:1.2rem;font-weight:700}.flexS .filter-temperament select{border:none;padding:1rem 3.5rem;border-radius:1rem;background-color:#f5f5f5}.flexS .order{display:flex;flex-direction:column;grid-gap:1.2rem;gap:1.2rem}.flexS .order span{font-size:1.2rem;font-weight:700}.flexS .order .select-order{display:flex;grid-gap:1rem;gap:1rem}.flexS .order .select-order select{border:none;padding:1rem 3.5rem;border-radius:1rem;background-color:#f5f5f5}.card{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);grid-gap:15px 15px;gap:15px 15px;background-color:#f0a500;padding:1.5rem;height:22rem;border-radius:1rem;border:3px solid #370665}.card:hover{transition:.4s ease-in-out;-webkit-transform:scaleY(1.05);transform:scaleY(1.05)}.card .image{width:100%}.card img{height:10rem}.card .info p{color:#0a0a0a;font-weight:700}.card .info p span{font-weight:lighter}.loader{width:300px;height:300px}svg{width:90%;fill:none}.load{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;stroke-dasharray:570;stroke-width:20px}.load.one,.load.two{stroke:#f5f5f5;-webkit-animation:load 1.5s infinite;animation:load 1.5s infinite}.load.two{-webkit-animation-delay:.1s;animation-delay:.1s}.load.three{stroke:#f5f5f5;-webkit-animation:load 1.5s infinite;animation:load 1.5s infinite;-webkit-animation-delay:.2s;animation-delay:.2s}.point{-webkit-animation:bounce 1s ease-in-out infinite;animation:bounce 1s ease-in-out infinite}.point.one{fill:#f5f5f5;-webkit-animation-delay:0s;animation-delay:0s}.point.two{fill:#f5f5f5;-webkit-animation-delay:.1s;animation-delay:.1s}.point.three{fill:#f5f5f5;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes load{0%{stroke-dashoffset:570}50%{stroke-dashoffset:530}to{stroke-dashoffset:570;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load{0%{stroke-dashoffset:570}50%{stroke-dashoffset:530}to{stroke-dashoffset:570;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{display:grid;grid-template-columns:repeat(4,.7fr);grid-template-rows:.7fr .7fr;grid-gap:14px 14px;gap:14px 14px;grid-auto-flow:row}.pagination{display:flex;place-items:center;place-content:center;padding:25px;grid-gap:15px;gap:15px;font-size:1.1rem}.pagination button{border-style:none;padding:3px 15px;border-radius:10px;font-size:1.2rem}.pagination button:hover{cursor:pointer}.Home{background-color:#f14a16}.Home .flexFather{margin:0 20px;place-items:center}.detaills-dogs,.Home .flexFather{display:flex;flex-direction:column}.detaills-dogs{align-items:center;background-color:#f14a16}.flexDetails{display:flex;height:100vh}.flexDetails .ImgDetails{width:50%;width:90%}.flexDetails .InfoDetails{color:#0a0a0a;display:flex;flex-direction:column;place-content:center;height:100%;width:50%}.flexDetails .InfoDetails p{font-size:1.8rem;font-weight:700}.flexDetails .InfoDetails p span{display:block;font-size:1.4rem;color:#ffc900}.Flex-Form{display:flex;flex-direction:column;background-color:#fc9918}.Flex-Form .li-button{display:flex;place-items:center;width:80%;grid-gap:2rem;gap:2rem;background-color:#35589a;padding:1rem 2rem;border-radius:1rem;justify-content:space-between;margin-bottom:1rem}.Flex-Form .li-button li{font-size:1.5rem;color:#f5f5f5}.Flex-Form .li-button button{background:#b90000;color:#f5f5f5;outline:none;border:none;padding:.5rem;border-radius:1rem}.Flex-Form .form-box{display:flex;justify-content:space-evenly;grid-gap:3rem;gap:3rem}.pop-up{position:fixed;top:150px;right:400px;background-color:#b90000;color:#f5f5f5;padding:1rem 3rem;border-radius:1rem}.FlexForm{place-items:center;background-color:#35589a;border-radius:1.5rem;margin-bottom:2rem;width:30%;padding:1rem 0}.FlexForm,.FlexForm div{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.FlexForm div label{color:#f5f5f5;font-weight:700;font-size:1.3rem}.FlexForm div input{border-radius:1rem;padding:.6rem 2rem;border:1px solid #0a0a0a;text-align:center}.FlexForm div input[type=submit]{text-align:center;padding:.5rem 2rem;width:6.5rem;font-weight:700;background-color:#fc9918;text-transform:uppercase;cursor:pointer}.FlexForm div select{border:none;padding:.6rem 2rem;border-radius:1rem;background-color:#f5f5f5}
/*# sourceMappingURL=main.c1dd72ba.chunk.css.map */