body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e3d3c3;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}*{font-family:Roboto,sans-serif;margin:0;padding:0}:root{--blk:#313131;--wht:#fff;--red:#f73d3d;--blu:#7496f5;--brw:#b17342;--crm:#e3d3c3;--lbw:#c7b299}.App{background-color:#e3d3c3}.load-screen{color:#b17342;color:var(--brw);left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.nav{background-color:#fff;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.nav-fix{position:fixed;top:0;z-index:8}.nav img{margin-left:10px;width:52px}.nav h1{color:#313131;color:var(--blk);font-size:22px;margin-bottom:15px;margin-left:-10px;margin-top:15px}.nav-icon{color:#b17342;color:var(--brw);cursor:pointer;font-size:24px;margin:15px 20px 0 0}.search-head{display:flex;margin:15px 0}.search-head h3{color:#313131;color:var(--blk);margin:3px 10px 0 15px}.search-head select{background-color:#fff;border:none;border-radius:5px;font-size:15px;outline:none;padding:4px}.search-bars{background-color:#fff;border-radius:15px;margin:0 auto;padding:7px;position:relative;width:80%}.search-bars input{border:none;font-size:17px;margin-left:5px;outline:none;width:90%}.search-icon{color:#b17342;color:var(--brw)}.x-icon{width:100px}.searching{border-bottom-left-radius:0;border-bottom-right-radius:0}.result-bar{background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px;left:50%;margin:0 auto;padding:7px;position:absolute;top:34px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:95%;z-index:4}.top-sect{color:#313131;color:var(--blk);margin:15px 10px 0 15px}.top-cont{background-color:#c7b299;background-color:var(--lbw);border-radius:15px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:15px auto;padding:22px 7px 15px;position:relative;width:95%}.top-cont span{cursor:pointer;font-size:12px;font-weight:600;position:absolute;right:20px;text-decoration:underline;top:7px}.profile-cont{cursor:pointer;margin:10px 0 0;width:80px}.profile-cont img{border-radius:25%;display:block;height:60px;margin:0 auto;object-fit:cover;width:60px}.profile-cont p{word-wrap:break-word;font-size:14px;font-weight:500;margin-top:10px;text-align:center}.info-cont{background-color:#c7b299;background-color:var(--lbw);display:block;height:100vh;position:fixed;top:57px;width:100%;z-index:9}.info-cont h3{font-size:22px;margin-top:15px;text-align:center}.info-back-btn{cursor:pointer;font-size:16px;left:20px;position:absolute;top:15px}.desc-cont{background-color:#fff;border-radius:15px;margin:75px auto;padding-bottom:30px;padding-top:75px;position:relative;width:95%}.desc-cont img{border-radius:15px;box-shadow:5px #313131;height:150px;left:50%;object-fit:contain;position:absolute;top:-75px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:175px}.desc-cont h4{margin:10px 0 5px 15px}.desc-cont p{font-style:italic;margin:5px 0 0 25px}.all-cont{background-color:#c7b299;background-color:var(--lbw);border-radius:15px;flex-wrap:wrap;justify-content:space-around;margin:15px auto;padding:22px 7px 15px;position:relative}.all-cont,.all-header{display:flex;width:90%}.all-header{margin:0 auto}.all-back-btn{cursor:pointer;font-size:22px;margin:10px 0 0 10px}.h-header{margin:10px auto}.all-select-cont{margin-top:10px}.all-select-cont span{font-size:16px;font-weight:500;margin:10px 10px 10px 15px}.all-select-cont select{border:none;border-radius:5px;font-size:15px;outline:none;padding:4px}.next-cont{display:flex;justify-content:center;margin:0 auto;width:50%}.next-cont p{font-size:16px;font-weight:600;margin:0 10px;padding-bottom:20px}.next-btn,.prev-btn{cursor:pointer;margin:1px 15px}.card-breeds-cont{cursor:pointer;position:relative}.loadings{-webkit-animation:loading-img 1s linear infinite;animation:loading-img 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:25px;left:18px;position:absolute;top:20px;width:25px;z-index:5}.loaded-box{-webkit-animation:loading-img-box 1s linear forwards;animation:loading-img-box 1s linear forwards}.white-box{background-color:#fff;border-radius:25%;height:63px;left:7px;position:absolute;top:10px;width:63px}.search-conts{border-bottom:1px solid #000;cursor:pointer;display:flex;margin:10px auto;padding-bottom:5px;width:90%}.search-conts img{border-radius:50%;height:35px;margin:0 15px 0 0;object-fit:cover;width:35px}.search-conts p{margin-top:7px}.exit-btn{cursor:pointer;font-size:1.1em;position:absolute;right:40px;top:5px}.credit-cont{background-color:#c7b299;background-color:var(--lbw);height:100%;position:fixed;top:57px;width:100%;z-index:10}.white-cont{background-color:#fff;border-radius:20px;margin:20px auto;padding-bottom:15px;padding-top:15px;width:92%}.white-cont h1{font-size:22px;margin-top:15px;text-align:center}.white-cont h2{font-size:22px;margin-left:20px;margin-top:100px}.white-cont span{color:#7496f5;color:var(--blu);display:block;font-size:16px;font-weight:500;margin:10px 0 5px 25px}.white-cont h3{margin-top:150px}.link-to,.white-cont h3{font-size:22px;text-align:center}.link-to{color:#7496f5;color:var(--blu);display:block;margin:15px auto}.nav-close-btn{color:#b17342;color:var(--brw);cursor:pointer;font-size:25px;margin:10px 20px 0 0}@-webkit-keyframes loading-img{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{opacity:1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{opacity:1;-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading-img{0%{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{opacity:1;-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{opacity:1;-webkit-transform:rotate(180deg);transform:rotate(180deg)}75%{opacity:1;-webkit-transform:rotate(270deg);transform:rotate(270deg)}to{opacity:1;-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes loading-img-box{0%{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes loading-img-box{0%{opacity:1}25%{opacity:1}50%{opacity:1}75%{opacity:1}to{opacity:0}}@media only screen and (min-width:400px){.profile-cont{width:89px}.profile-cont img{height:75px;width:75px}.profile-cont p{font-size:16px}.search-bars,.top-cont{max-width:430px}.search-bars input{font-size:18px;max-width:430px}.search-head h3{font-size:20px}.search-head select{font-size:18px}.all-cont{max-width:430px}.loadings{border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:35px;left:18px;position:absolute;top:20px;width:35px;z-index:5}.white-box{background-color:#fff;border-radius:25%;height:75px;left:7px;position:absolute;top:10px;width:75px}.result-bar{max-width:430px;padding:8px;width:96%}.exit-btn{font-size:1.2em;right:50px}}@media only screen and (min-width:600px){.search-head h3,.top-sect h3{margin-left:5%}.desc-cont{max-width:500px}.all-select-cont span{margin-left:85px}.search-conts img{height:45px;width:45px}.search-conts p{font-size:18px;margin-top:10px}.exit-btn{right:60px}.white-cont{max-width:480px}}@media only screen and (min-width:750px){.search-head h3{margin-left:20%}.top-sect h3{margin-left:19%}.all-select-cont span{margin-left:22%}}@media only screen and (min-width:1024px){.all-cont{justify-content:start;max-width:950px;padding:8px 10px}.profile-cont{margin:5px 0}.card-breeds-cont{margin:5px 3px}.top-all-cont{display:flex;justify-content:center;width:100%}.search-head select{margin-top:25px}.search-head h3{margin-top:25px}.search-bars,.search-head h3{margin-left:95px}.search-bars input{font-size:22px}.top-cont{height:300px;margin:15px 25px;padding-top:45px}.top-sect h3{margin-left:25px;margin-top:35px}.info-cont h3{margin-top:40px;padding-bottom:20px}.next-cont,.next-cont p{font-size:22px}.all-select-cont{margin:0 auto;max-width:920px}.all-select-cont span{font-size:18px;margin-left:0;margin-top:20px}.search-head{margin:20px -35px}.search-bars{margin:0 auto}.search-section{margin:0 auto;max-width:550px}.nav{height:65px}.nav h1{font-size:25px;margin-top:15px}.nav img{margin-left:100px;width:75px}.nav-icon{font-size:35px;margin-right:100px}.nav-close-btn{font-size:35px;margin-right:117px;margin-top:7px}.credit-cont,.info-cont{top:65px}.info-back-btn{font-size:30px;margin-left:50px;margin-top:15px}.top-cont span{font-size:16px;margin-top:7px}.desc-cont{max-width:650px;padding-top:90px}.desc-cont img{height:200px;width:220px}.desc-cont h4{margin:12px 0 5px 25px}.desc-cont p{margin:5px 0 0 35px}.exit-btn{font-size:24px}.search-bars input{margin-left:10px}.desc-cont2{padding-top:105px}.h-header{font-size:24px}.loadings{top:18px}.white-box{top:5px}}
/*# sourceMappingURL=main.4ade7c02.css.map*/